In Volume 2 you could set the size of buttons and they would stay the same size however wide the toolbar was, in Volume 3 this doesnt happen and the buttons are spread across the width of their container....... how can I get them to work the way they used to in Vol. 2?
Hi there,
Well, this is an issue we already have addressed. Fix will be available in the earliest to come hot fix.
Hope this helps.
thanks Anton, do you have an estimated release date for the hotfix?
Andy
I have worked with IG support on this issue. The problem is in the Office2007Blue AppStylist skin, there was/is a right-padding value of 38 set for the toolbar button. In previous versions, the rollover style didn't have the padding, so the button "shrunk" on rollover. In 2009.1 the behavior is consistent (rollover doesn't make buttons shrink); the value is set the same. However, this value is dramatically different than the styling for Office2007Black or Office2007Silver (which have right paddings of 5px); and prevents using the toolbar as just an image-only toolbar, as the buttons would be much wider than the 16px or so of a typical button icon. I edited the ultrawebtoolbar.css (or something like that) for the appstylist framework file in my application and everything is good now.
I Figured it out, I had to remove the width property on the toolbar itself, it magically makes the toolbar 100% without that propety and makes the buttons the width specified instead of stretched. Wow that was easy, and straight forward just like everything else.
Here is a code snippet with only one button, I added the default style stuff and it still stretches the toolbar buttons evenly across the entire toolbar, this code displays all tool bar buttons 44px wide when using 2008 vol 1. What am I doing wrong in 2009 vol 1?
<igtbar:UltraWebToolbar ID="UltraWebToolbar1" runat="server" EnableAppStyling="True" StyleSetName="Office2007Blue" Height="34px" Width="100%" Font-Size="X-Small" ItemWidthDefault="44px" OnButtonClicked="UltraWebToolbar1_ButtonClicked" BorderStyle="None" >
<
<DefaultStyle BorderStyle="None" Cursor="Hand">
</DefaultStyle>
<ButtonStyle BorderStyle="None" Cursor="Hand" Width="44px">
<Items>
<Images>
<DefaultImage Url="./Images/Back.png" />
<DisabledImage Url="./Images/Back_Disabled.png" />
<DefaultStyle Width="44px"></DefaultStyle></igtbar:TBarButton>
</
</Items>
<HoverStyle BorderStyle="None" Cursor="Hand">
</HoverStyle>
<ClientSideEvents Click="UltraWebToolbar1_Click" />
</igtbar:UltraWebToolbar>
Hello ASanders,
In general every volume release contains all fixes that has been released as a hot-fix for the ancestors. So you may consider 2009 vol. 1 contains all fixes that has been released as hot-fix for 2008 vol. 3.
Once again, would you describe better the situation you have, since it might be somehow different than the situation described in the begining of this thread.
It is good to know that buttons (or any toolbar item) can be sized in two ways:
1. Apply default style for all elements within a ToolBar. This is achievable by the ButtonStyle property of the ToolBar itself:
< ButtonStyle Width="60px" />
2. Apply style to the button itself:
<igtbar:TBarButton DisabledImage="" HoverImage="" Image="./Images/home_24.gif" Key="HOME" SelectedImage="" Text="Home"><Images><DefaultImage Url="./Images/home_24.gif" /></Images><DefaultStyle Width="120px" /></igtbar:TBarButton>
I hope this will help you solving issues.
Hello LAMarrano,
Would you describe better the situation you are experiencing? We have tested with styled toolbar and yet we do not the issue that was initially described in this thread.
It would be very helpful if you could provide (attach) sample page and modified .css file.