Lay out issues with IE8

2 posts, 0 answers
  1. paul de Blaauw
    paul de Blaauw avatar
    12 posts
    Member since:
    Aug 2006

    Posted 20 May 2009 Link to this post

    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
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 20 May 2009 Link to this post

    Hi Paul,

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

    <style type="text/css">  
            .rtbUL  
            {  
                displayblock !important;  
                height27px;  
            }  
            .rtbBtn  
            {  
                floatleft !important;  
            }  
            .rtbTemplate  
            {  
                floatright !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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top