Datorama内のHTML RichText WIdget Issue

Question

私はHTMLコーディングにかなり慣れているので、ここでコミュニティのヘルプを実際に使用することができます。私は、私たちのデータ視覚化ツールDatorama内にナビゲーションバーを作成するために使用しているHTMLリッチテキストウィジェットを持っています。残念なことに、メニュー項目をクリックすると、ウィジェット内のページが開き、フルページはロードされません。

<nav class="navigation"> 
<ul class="menu"> 
    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="About"> 
        About 
       </span> 
       <span class="menu__second-word" data-hover="Us"> 
        Us 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Our"> 
        Our 
       </span> 
       <span class="menu__second-word" data-hover="History"> 
        History 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Latest"> 
        Latest 
       </span> 
       <span class="menu__second-word" data-hover="News"> 
        News 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="New"> 
        New 
       </span> 
       <span class="menu__second-word" data-hover="Arrivals"> 
        Arrivals 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="On"> 
        On 
       </span> 
       <span class="menu__second-word" data-hover="Sale"> 
        Sale 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Contact"> 
        Contact 
       </span> 
       <span class="menu__second-word" data-hover="Us"> 
        Us 
       </span> 
      </span> 
     </a> 
    </li> 
</ul> 

誰でもメニュー項目がクリックされたときにこれを調整するのを支援してもらえ、それは新しいページを開きます。

ここでは、コードのですか？

は、リッチテキストはのiFrameで動作するので、それはブラウザが以内に新しい埋め込まれたHTMLドキュメントを開くことを意味し、私はDatoramaのティア2サポートからジョニーよ、

を -Nakul B.

Answer 1

をありがとうアクティブなもの、およびリンクは、タブ自体ではなく埋め込みiFrame内、または新しいタブで開かれます。

これは、タグの「ターゲット」属性と協力によって制御することができ、以下のオプションを割り当てることができます。

_blank - 新しいウィンドウまたはタブ

_self - 内開きます同じウィンドウまたはiFrameの（デフォルトの動作）

_parent - 親フレーム内のリンクを開きます

_topは - 言及した場合には、ウィンドウ

のフルボディの中に開き、私たちは「_blank」属性を使用する必要がありますし、次のコードを使用する必要があります。

<nav class="navigation"> 
 
<ul class="menu"> 
 
    <li class="menu__item"> 
 
     <a href="https://google.com" class="menu__link" target="_blank">About Us 
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Our History 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Latest News 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">New Arrivals 
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">On Sale 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Contact Us 
 
      
 
     </a> 
 
    </li> 
 
</ul>

また、タグの構造を変更し、タグ内のスパン数を減らして読みやすくしました。これで、リンクはクリック時に新しいページ/タブを開くはずです。

あなたのウィジェットを設定する上でのさらなる支援については、support@datorama.comまでお気軽にお問い合わせください。