Forum Discussion

rahuldhomane's avatar
03-02-2022
Solved

Tabber Formatting

Can we format [Font, Size, Alignment, Border, Text color] of the Tabber headers? Also, can we set default selection for one of the tabber options?

 

Thanks,

Rahul

9 Replies

Replies have been turned off for this discussion
  • Hi Rahul,

    Try this once..

    widget.on('render',function(w, e) {
    e.prefixText = ''; e.suffixText = '';
    e.selectedColor = '#86b817'; /*The color of the chosen title*/
    e.fontColor = '#cccccc'; /*The color of the unchosen titles*/ e.elementWidth = '103%'; e.descColor = '#a5a5a5'; e.parentMarginLeft = '-15px'; e.height = 32; /* affects the tabber widget default high*/ });
    widget.tabs = [
    {
    title: "Column Chart",
    displayWidgetIds : ["55797a9459ef031011000032"],
    hideWidgetIds : ["557d408a4630ccdc11000019"]
    },
    {
    title: "Table",
    displayWidgetIds : ["557d408a4630ccdc11000019"],
    hideWidgetIds : ["55797a9459ef031011000032"]
    }
    ];

     

    • Hi Chandra ,

      I have tried this script but haven't found the exact way to reduce the font size of the tabber text. Please let me know if I am missing anything here.

      Thanks.

      • DashboardLover's avatar
        DashboardLover
        Cloud Apps

        Were you able to find a way to format the Tabber?

  • Is there a way to readjust the Tabber widget to align the title with the other widget?