新しいタブで開くリンクをサービスポータルに作成する方法Issue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #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: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #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: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #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>