Make "Clear Selection" on widget easier to see

Comments

4 comments

  • Avatar
    Andy Son

    Hi Dennis,

    I understand completely. Sometimes I have that issue as well.

    I think what can help would be to change the css of the "Clear Selection" button on the dashboards. Remember you can use our edit script feature to customize the look and feel of your dashboards!

    For example:

    can be made with the dashboard script:

    dashboard.on('widgetready', function(sender, ev){

    $('.widget-toolbar-btn.btn--transp')
    .css('color','#ffffff')

    $('.widget-toolbar-btn.btn--transp')
    .css('background','black')

    })

    Feel free to edit the colors to your liking. Another good way to check if active filters are selected, have the right panel shown. Anything not showing "Include All" likely is applying a filter to your dashboard.

    Hope this helps!

    Andy

    0
    Comment actions Permalink
  • Avatar
    Jessica Orlando

    This is a great idea, thanks for sharing!

     

    I have some users that find the 'Download' feature hard to find. Is there any way to possibly rename the 3 vertical dots to say 'Download' also using a script?

    0
    Comment actions Permalink
  • Avatar
    David Rogers

    Andy,

     

    I have this issue too, but it is compounded by the fact that we're using the Widget Title Style plugin to have all of our widgets have a Red title bar with a white font.  I would like to change it, but adding the script to every widget of every dashboard would be painful.  Is there no way to do this at the environment level?

    0
    Comment actions Permalink
  • Avatar
    Andrew Block (Edited )

    David,


    Using the CustomStyle plugin update the CSS with the following code to make this change at the product level (these colors will match the colors used with the filters on V7 and up:

    https://support.sisense.com/hc/en-us/community/posts/115000619408-Custom-Style-

    .dashboard widget.columnar:hover widget-toolbar .widget-toolbar-btn.btn--transp {
    color:#3a4356 !important;
    background:#ffcb05 !important;
    opacity:1 !important;
    }
    0
    Comment actions Permalink

Please sign in to leave a comment.