2019年12月25日水曜日

ダッシュボードのタイムレンジピッカーをさっぱりさせたい

ことの始まり

タイムレンジピッカーはとても便利なのですが、選択肢が多いためにダッシュボードの利用しかしない一般ユーザーにとってはとっつきにくいものと感じられる場合もあると思います。
そこでダッシュボードに表示させるタイムレンジピッカーの選択肢を減らすべく
https://answers.splunk.com/answers/222650/limit-choices-in-default-timepicker.html
をベースに非表示にさせるエレメントを探してみました。


やりかた

以下のXMLから表示させたいエレメントを削除してダッシュボードに埋め込めばよさそうです。途中に ^= で設定しているところがありますが(answersからコピペしているため)、これは前方一致なので、将来的に事故るかもしれません。あしからず。



  <row>
    <panel depends="$never$">
      <title>Hidden Embedded CSS</title>
      <html>
        <style>
           button[data-test^='Today'],
           button[data-test^='Yesterday'],
           button[data-test^='Business week to date'],
           button[data-test^='Week to date'],
           button[data-test^='Year to date'],
           button[data-test^='Month to date'],
           button[data-test^='Previous week'],
           button[data-test^='Previous business week'],
           button[data-test^='Previous month'],
           button[data-test^='Previous year'],
           button[data-test^='Last 15 minutes'],
           button[data-test^='Last 60 minutes'],
           button[data-test^='Last 4 hours'],
           button[data-test^='Last 24 hours'],
           button[data-test^='Last 7 days'],
           button[data-test^='Last 30 days'],
           div[data-test^='real-time-column'],
           div[data-test^='past'],
           div[data-test^='other-column'],
           div[data-test-panel-id^='presets'],
           div[data-test-panel-id^='advanced'],
           div[data-test-panel-id^='relative'],
           div[data-test-panel-id^='real'],
           div[data-test-panel-id='date']
           {
           display: none !important;
           }
        </style>
      </html>
    </panel>
  </row>

0 件のコメント:

コメントを投稿