Page History

このユースケースではトップバーにカスタムホバーメニューを追加する手段の例を示します。新しく表示されたメニューボタンにコンソールを合わせた後、レポートリストが表示されます。この使用例では、カスタムホバーメニューをトップバーに追加する方法の例を示します。新しく表示されたメニューボタンにカーソルを合わせると、レポートのリストが表示されます。

拡張機能はここでダウンロードすることができます。はここからダウンロードすることができます。

メニュー項目の編集

この例は3つのメニューボタンがあります。各ボタン毎には3つのリスト項目を含む。ラベル（ボタン、リスト項目など）及びリンクはパラメータで管理することができます。

パラメータ名をクリックすることで、ダイアローグウィンドウに新しく表示された値を編集します。これらの値はメニューに表示されます。

この例には3つのメニューボタンが含まれ、各ボタンには3つのリスト項目が含まれます。ラベル（ボタンとリスト項目）とリンクは、パラメーターで管理できます - パラメーターの名前をクリックして、新しく表示されたダイアログウィンドウで値を編集します。この値はメニューに表示されます。

リストでのメニューボタン及び項目の追加・解除

リスト内のメニューボタンと項目の追加/解除

メニューのコンテンツは、HTMLボディのコンテンツフィールドのHTMLを介して変更できます。メニュー内容は「HTMLの本文」項目でのHTMLで変更することができます。

新しいボタンの追加

divドロップダウンからコピーして、htmlに貼り付けます。新規追加パラメータのコードを使用している新規追加されたdivのパラメータを新規追加すること及びパラメータを変更することを忘れないでください。divドロップダウンをコピーして、htmlに貼り付けます。新しいパラメーターを追加し、この新しく追加されたdivのパラメーターを変更することを忘れないでください - 新しく追加されたパラメーターのコードを使用してください。

新しいリスト項目の追加

タグ a (<a href="#PARAM=button1link3#">#PARAM=button1label3#</a>) のタグをコピーし、項目追加対象divドロップダウンリストに貼り付けます。htmlコードにこの新規リスト項目のパラメータ（リンク、ラベルなど）を追加します。をコピーして、新しいリスト項目を追加するdivドロップダウンコンテンツに貼り付けます。この新しいリスト項目のパラメーター（リンクとラベル）とこれらのパラメーターをhtmlコードに追加します。