Hide Widget Titles

Comments

29 comments

  • Avatar
    Evan York

    This is nice idea to gain valuable real estate in your dashboard.  Does it require a custom object for pie charts and indicators?  With pie charts you can see in sisense_hidetitle1.png (with plugin applied) that the pie chart is not vertically center-aligned... it is shifted slightly up.  When I try to shrink the widget size vertically to remove the extra white space at the bottom, it instead automatically re-sizes the content of the widget in an undesirable way (see sisense_hidetitle2.png).  Also, indicator widgets don't seem to benefit from the extra real estate this plugin provides, as far as I can tell.

    If custom JS is needed for vertical alignment & re-sizing behavior, can you provide some guidance for pies and indicators?




    sisense_hidetitle1.png
    sisense_hidetitle2.png
  • Avatar
    Simon Burt

    Did you ever get this to work with removing the white space below the image? 

  • Avatar
    Evan York

    No, I haven't, so unfortunately I've avoided this plug-in since it doesn't provide any benefit to my most common widget types.

  • Avatar
    Pascal Poirier

    Great plugin,

    But... there seems to be a problem with this plugin and the Pivot Table Widget.
    When using a Pivot Table and activating the "Hide Title Bar" option, the page numbers at the bottom of the widget disappear after clicking one of them.

    It took me a while to figure out what was causing my page number to vanish, so I though I should let you guys know.

    And if someone would have a look at it, this plugin could become even more useful.

    Anyway thanks !

  • Avatar
    Evan York

    Pascal, I had the same problem.  I know why it happens, just not clear on how to fix it.  Basically, the p-container div height gets larger by the titleHeight (default 32px) every time the pivot widget draws itself.  Clicking a page number re-draws the widget, which increments the p-container div height and makes the pagination controls that are part of the footer (p-foot div) get pushed down out of the visible widget window.

    Unfortunately the plug-in JS has no custom formatting for pivot widgets, although there is some custom formatting consideration for pagination on table widgets.  I assumed it might be similar and tried replicating that to pivots, but it didn't work.  Maybe someone with a better understanding of pivot widget elements can provide some guidance?

  • Avatar
    Takashi Binns

    Hi Evan,

    I can see the behavior you're describing in version 6.6, but a coming change to the pivot table (version 6.7) actually resolves this issue.  I think in previous versions of Sisense, the pivot table got completely redrawn.  In the latest version (currently beta), the rendering is a bit more efficient about redrawing.  Check out the screenshot below to see what it looks like.

  • Avatar
    John Parson

    You can hide the header of the widget using this under script editor:

    var titleBar = $('[widgetid='+widget.oid+']').find('widget-header');
    titleBar.hide();

    The drawback is that this operation cannot be reversed (not easily, however).

    So, if you want to go back and edit the script behind the widget, you need to navigate the DOM through "Inspect" option and change 'display: none' to 'display: all' for "widget-header" element 

  • Avatar
    Jim

    How do I find the jQuery Selector for the Tabber plugin?

    It looks like the .js file has a section called Utility Functions, and one of those is titled "get the selector" but I am also not sure how to use these functions to get that information.

    I presume it will be something like the following, but I don't know how to verify the selector section (I just guessed based on the other chart types in the file)

    Tabber: {
    selector: '.Tabber-Container',
    },

  • Avatar
    Takashi Binns (Edited )

    Hi Jim,

    Your selector for the tabber widget should be something like '.widget-body'.  You can usually find this by opening up the developer tools in Chrome, and searching through the DOM.  For the tabber specifically, you may have to create a custom formatter function.

     

  • Avatar
    JJ Chritton

    Hide title bar also doesn't work with smart label widgets.

  • Avatar
    Duncan Wakefield

    For Smart Label widgets, edit the JavaScript file 'hideTitles.js' and add the following within the 'Formatting Options for each chart type' and above 'Utility Functions'.  Note, depending on where you add it, you may not need the final comma

     

    smartLabel: {
    selector: '.smartLabelContainer',
    customFormatter: function(widgetElement, widgetContainer){
    // Apply default formatting
    defaultFormatter(widgetElement,widgetContainer);

    widgetContainer.css('position','relative');

    }
    },

  • Avatar
    Oxana Noa Umansky

    Thank you Duncan!

  • Avatar
    JJ Chritton

    We have a pretty significant usability issue when we use this for bar charts that allow filtering by selecting a bar, the "clear selection" option is visible on the widget but clicking it has no effect when viewing the dashboard. So in order to remove the filter, you have to go through the filters sidebar, which isn't terrible, but the fact that the clear selection button does not work is unintuitive.

  • Avatar
    Joseph Peters

    Does anyone have a modification which would by default hide any title bar which is null?  I don't want to have to pick and choose which title to hide, it just makes sense to hide them if they're empty.

  • Avatar
    Evan York

    Any suggestions for how to remove the "Clear Selection" option for a single widget?

  • Avatar
    Carl Larochelle (Edited )

    FYI, using version 7.1 with the latest version of this plugin and still having the issue mentioned by Pascal Poirier about the page numbers vanishing after changing page on a pivot table.

  • Avatar
    Gustav Ösgård

    Download link seem to target some Google Drive resource that I can't access. Please advice :)

  • Avatar
    Ravi Verma

    Same here, Not able to download it asks for "Request Access".

    Thanks

  • Avatar
    Ravi Verma

    Can anyone please upload the plugin?

    Best regards,

    Ravi

  • Avatar
    Chris Donaker

    You can download the plugin from the https://support.sisense.com/hc/en-us/articles/115009313608-Sisense-Plugins-List page by selecting the download option. 

  • Avatar
    Sagesh Nair

    "Table Widget"  Pagination is not working after enabling "Hide Titles" plugin.

    Pagination is disappearing after the filter. Once we disabled the plugin pagination working properly.

    Thanks in advance.

    Regards,

    Sagesh

  • Avatar
    Hendrik Venter

    The download link takes you to a OneDrive page which we don't have access to?

  • Avatar
    Assaf Fraindlich

    Hi Hendrik,

    Link has been fixed.

  • Avatar
    Hendrik Venter

    Any idea how to edit it to support BloX widget types also? 

    Will this code work under the chart types?

    Blox: {
    selector: '.blox-widget-content',
    },

  • Avatar
    Sam Nicholls

    When using a Pivot table(with enough results to require multiple pages), the page selectors disappear after you click to navigate to another page of the pivot.  This forces the user to refresh the page to go back to page one of the pivot.. 

    Thanks!

  • Avatar
    Danielle Lu

    Hi Hendrik,

    If you go to the edit screen of the Blox widget > Snippets > Attributes > Hide Widget Title, it'll show you the code to hide the title. Here's the script in case you don't find it, and it goes into the Blox Editor, not in the widget script window:

    "titleStyle": [
    {
    "display": "none"
    }
    ],
     
  • Avatar
    Hendrik Venter

    Thanks for the feedback Danielle

    I've added the snippet right at the top in the editor but it doesn't work. Is there a different placement for it?

  • Avatar
    Danielle Lu

    That placement is fine. Could you try logging in as a Viewer and see if you see the title?

  • Avatar
    Hendrik Venter

    Hi Danielle

    You're correct, as Viewer its hidden. Its a bit different behaviour than "hideTitles" plugin we're using for other widgets.

    Thanks for the help
    Hendrik

Please sign in to leave a comment.