[SOLVED] How to style a group box's legend in HTML Composer

November 25, 2011, 01:58 PM

I have created a group box (

) element in HTML composer with a few labels and controls in it.

I now want to change the font and color of it's legend only without going to the HTML source.

I cannot find a way to select the legend only from the GUI. Whenever I click the control the whole group box gets selected and any changes to styling get applied to all of the internal controls in it as well overwriting any specific style settings they had before

Browsing through the Properties I can only see the fieldset element plus any contained controls but not the legend

The HTML code however looks like this:

<FIELDSET style="Z-INDEX: 0; POSITION: absolute; WIDTH: 530px; FONT-FAMILY: Verdana, Tahoma, Arial; HEIGHT: 70px; COLOR: black; FONT-SIZE: 0.8em; TOP: 40px; LEFT: 420px" id=groupbox3>
<LEGEND>Source File Date  </LEGEND>   <!-- **** I want to style this **** -->
<LABEL style="blah" id=lFromDt for=pFromDt name="calendar1">From</LABEL> 
<INPUT style="blah" id=pFromDt tabIndex=6 value=2011/11/18 hspace=0 size=5 elementtype="14" persistentuniqueid="compUid_1" defaultselection="1" defaultlocation="0,0,22,91" boundtovariable="1" requiredfield="1" name="pFromDt"> 
<INPUT style="blah" id=pToDt tabIndex=8 value=1900/01/01 hspace=0 size=5 elementtype="14" persistentuniqueid="compUid_2" defaultselection="1" defaultlocation="0,0,22,91" boundtovariable="1" requiredfield="1" name="pToDt"> 
<LABEL style="blah" id=lToDt tabIndex=27 for=pToDt persistentuniqueid="compUid_14" name="calendar1">To</LABEL></FIELDSET>

I assume that if I manually add a "style" attibute to I could accomplish what I need but I'd prefer to do it from the GUI (just trying to follow on Francis' steps

)

Would somebody please be able to offer me any hint as to how to do that?

Thanks!

This message has been edited. Last edited by: njsden,

November 26, 2011, 06:31 PM

Francis Mariani

At first I was going to be snarky and suggest you wait until v7.7.06 or something, but it seems you can achieve what you require today!

Double-click and select "Source File Date", you can then style the selected text using the Font properties toolbar.

The A with the under-score provides you a dialog box with Font family, size and colour.

November 28, 2011, 11:23 AM

njsden

Oh, excellent! Thanks Francis. I double-clicked that element many times before to adjust its value but never cared to look at hte toolbar. I always assumed that Properties were the place to go to change styling for the sake of consistency. I know better now.

Thanks again.