Facility Control

Is it possible to change the size and/or color (togglable color preferred) of the tabs in Dashboard?

Hi Dan

You cannot change the colors used in the tabs but you can add an attribute called tabheight="..." to the <tab/> tag to modify the height.

<tab height="293" left="32" tabheight="60" tabposition="north" top="83" width="647">
<abs id="tab-1" name="Tab 1">
<label height="66" left="78" name="First tab!" style="txt-align:west" top="67" width="212"/>
</abs>
<abs id="tab-2" name="Tab 2">
<label height="66" left="62" name="Second tab!" style="txt-align:west;" top="64" width="212"/>
</abs>
<abs id="tab-3" name="Tab 3">
<label height="66" left="238" name="Third tab!" style="txt-align:west;" top="122" width="212"/>
</abs>
</tab>

If you want more control, it is common to use a radio toggle parameter to control your tab selection and then hide the tabs:

<abs contexttype="opengear" id="_top" keepalive="false" style="">
<meta>
<params>
<param access="1" constraintstrict="false" constrainttype="STRING_STRING_CHOICE" maxlength="0" name="Tab Selection" oid="tab_selection" type="STRING" value="tab-1" widget="radio-toggle">
<constraint key="tab-1">First Tab</constraint>
<constraint key="tab-2">Second Tab</constraint>
<constraint key="tab-3">Third Tab</constraint>
</param>
</params>
</meta>
<tab height="293" left="32" tabposition="none" top="83" width="647">
<abs id="tab-1" name="Tab 1">
<label height="66" left="78" name="First tab!" style="txt-align:west" top="67" width="212"/>
</abs>
<abs id="tab-2" name="Tab 2">
<label height="66" left="62" name="Second tab!" style="txt-align:west;" top="64" width="212"/>
</abs>
<abs id="tab-3" name="Tab 3">
<label height="66" left="238" name="Third tab!" style="txt-align:west;" top="122" width="212"/>
</abs>
</tab>
<simplegrid height="55" left="31" rows="1" top="22" width="646">
<param expand="true" oid="tab_selection" runtasksonload="true" showlabel="false" style="style:navigationButton;">
<task tasktype="ogscript">ogscript.reveal(this.getValue());</task>
</param>
</simplegrid>
</abs>

Cheers

James

As usual, James, your suggestions worked perfectly! Thanks a lot!

Hi James.

I can't get tabheight to work - I just get the default size of tab 'label' no matter what - even pasting your code and changing value to something ridiculous like 200 has no effect.

Changing the text size alone works (without using tabheight), but not super elegant.

Your second example works, but was after a simple solution.

What am I doing wrong?

Thanks!
Paul

Can you post the portion of your panel that has the tabs?   It's hard to tell what you are doing wrong without seeing the code.

Well, I mean literally just pasting James' code into a new grid. I resorted to this as a sanity check! If you do the same; i.e create a brand new grid file, and dump the first code he posted (tabheight one) as the only contents, does it work for you? Starting to wonder if this is a bug in the latest version of Dashboard.

I just tried it and it appears that the tabheight functionality was somehow missed when we did the release that has the new look and feel (Aura look).     

So for the time being, the only thing that will affect the tab height is the size of the actual string in the tab.

A bug has been raised, and hopefully it will get fixed in a near future release.

Ahh excellent, thanks!

Out of curiosity, and as it sound like you are on the team - are we likely talking estimates about of weeks...months...?