新しいタブで開くリンクをサービスポータルに作成する方法Issue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #00718f; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } デフォルトでは、すべてのリンクが同じウィンドウまたはタブで開きます。サービスポータルのさまざまなウィジェットを使用してリンクを新しいタブで開くためのいくつかのオプションを次に示します。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #00718f; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } すべてのリリース Resolution<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #00718f; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } リンクボタンウィジェットを使用 カスタマイズできるようにするには、ウィジェットのクローンを作成します。ウィジェットの HTML テンプレート フィールドに、 target="_blank" の属性を追加しますHTML は次のようになります。<a target="_blank" ng-href="{{options.href}}" class="btn btn-{{options.color}} m-b" role="button">{{data.buttonMsg}}</a> アイコンリンクウィジェットを使用 カスタマイズできるようにするには、ウィジェットのクローンを作成します。ウィジェットエディターで、メニューアイコンを選択し、 オプションスキーマの編集を選択します。ウィジェットオプションを追加するには、次のように + アイコンを選択します。 ラベル：Target名前：targetタイプ：Choice選択肢: _blank、 _self (必要に応じて、[ _top] などのオプションを追加できます)。 このウィジェットを使用するときに、リンクのターゲットタイプを選択できるようになりました。[ _blank ] を選択して、新しいタブでリンクを開きます。 注意:これは、ウィジェットが追加オプションを使用するように既に設定されているために機能します。 HTML テンプレートでは、各アンカータグ (<a/>) には属性 target="{{::d ata.target}}" があり、[サーバースクリプト] フィールドで次のように定義されます data.target = options.target || "" HTML ウィジェットを使用 HTML ウィジェットをページに追加します。ソースコードエディターにアクセスするには、[ウィジェット HTML] フィールドで [<>] アイコンを選択します。次の例に示すように、target="_blank" 属性を使用してリンクを作成します。 <a href="http://yourlink.com" target="_blank">Your link text</a>