[Solved] Lay out issues with IE8

[paul de Blaauw]

Hello,

I got a radtoolbar with in it 2 normal buttons and one with a template, the one with the template should be aligned right, in IE7 it works good, however when going to IE8 it is going to left.

good:  http://img34.imageshack.us/img34/2569/ie7.jpg
wrong: http://img193.imageshack.us/img193/551/ie8.jpg

My code is the following

<telerik:RadToolBar ID="RadToolBar1" runat="server"
                style="display:block; float: none" CssClass="SeparatedButtons"
                Skin="MyToolbarSkin" EnableEmbeddedSkins="False"
                onbuttonclick="RadToolBar1_ButtonClick" OnClientButtonClicked="HandleExport">
                <CollapseAnimation Duration="200" Type="OutQuint" />
                <Items>
                    <telerik:RadToolBarButton runat="server" CommandName="LIJST.REFRESH" ImageUrl="../Pics/refresh.png" Text="Refresh" Value="REFRESH" ></telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" CommandName="LIJST.FILTER" ImageUrl="../Pics/filter.png" Text="Filter" Value="FILTER" ></telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Value="rtbbSearch" CssClass="rightAligned" PostBack="False" >
                        <ItemTemplate>
                            <asp:Panel runat="server" ID="pnlSearchBlok" DefaultButton="cmdSearchTB" >
                                <table align="right" >
                                    <tr valign="top">
                                        <td>
                                            <asp:Label ID="lblZoekenOp" runat="server" Text="Zoeken op" CssClass="DHStandard"></asp:Label>
                                        </td>
                                        <td>
                                            <asp:DropDownList ID="cboSearchFieldsTB" runat="server" CssClass="DHStandard">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:DropDownList ID="cboSearchOperatorsTB" runat="server" Width="90px" CssClass="DHStandard">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtSearchValueTB" runat="server" CssClass="DHStandard"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:ImageButton ID="cmdSearchTB" runat="server" ImageUrl="../Pics/search2.png" CommandName="SEARCH" onclick="cmdSearchTB_Click" />
                                        </td>
                                        <td>
                                            <asp:CheckBox ID="cbAlterateView" runat="server" oncheckedchanged="cbAlternatief_CheckedChanged" AutoPostBack="true"/>
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                        </ItemTemplate>
                    </telerik:RadToolBarButton>
                </Items>
            </telerik:RadToolBar>

How to make it like IE7

Thanks.

Peter

[Paul]

Hi Paul,

In order to achieve your goal you can use the following styles:

<style type="text/css">
        .rtbUL
        {
            display: block !important;
            height: 27px;
        }
        .rtbBtn
        {
            float: left !important;
        }
        .rtbTemplate
        {
            float: right !important;
        }
    </style>

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.