IE7, Rad toolBar render Issue

4 posts, 0 answers
  1. Alok
    Alok avatar
    39 posts
    Member since:
    Feb 2009

    Posted 24 Sep 2012 Link to this post

    Hi,

    Image Attached.
    Below mentioned code working fine with IE8 or above but with IE7 it throwing an alignment issues. OutPut attached in image format.

    <telerik:RadToolBar id="RadToolBar1" runat="server" EnableRoundedCorners="true" EnableShadows="true">
                    <Items>
                        <telerik:RadToolBarButton Text="Button" />
                        <telerik:RadToolBarButton IsSeparator="true" />
                        <telerik:RadToolBarButton Text="Toggle button" CheckOnClick="true" Checked="true" AllowSelfUncheck="true" />
                        <telerik:RadToolBarButton IsSeparator="true" />
                        <telerik:RadToolBarButton Text="Button" />
                    </Items>
                </telerik:RadToolBar>


    Pls do the needful. 
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 24 Sep 2012 Link to this post

    Hello Alok,

    I tested the code that you provided but I could not get the appearance that you do. Can you please clarify if you are using any custom styles that might be causing the appearance that you get?

    Greetings,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alok
    Alok avatar
    39 posts
    Member since:
    Feb 2009

    Posted 26 Sep 2012 Link to this post

    With IE7, toolbar buttons displays vertically. working fine with IE8
    Although i mentioned Orientation="Horizontal". But issue still persist.

    if i delete below line from my code, toolbar buttons displays Horizontal(As desire).
    <telerik:RadToolBarButton Text="seperator" IsSeparator="true" /> 

    Even i Deleted my all custom CSS, but issue still persist.

    from below link i found that it can be a issue of CSS, "display: inline-block;"....But this is not working...
    http://www.telerik.com/community/forums/aspnet-ajax/toolbar/toolbar-skin-issue.aspx 


    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true" LoadingPanelID="RadAjaxLoadingPanel1">
        <asp:HiddenField ID="001" runat="server" Value="0" />
        <asp:HiddenField ID="002" runat="server" Value="" />
        <telerik:RadToolBar ID="TreeRadToolBar" runat="server" Width="100%" Orientation="Horizontal" OnButtonClick="TreeRadToolBar_OnButtonClick"
            OnClientButtonClicking="TreeRadToolBar_OnClientButtonClicking">
            <Items>
                <telerik:RadToolBarButton runat="server" Text="Refresh" CommandName="Refresh" ImageUrl="../client/images/refresh.png" />
                <telerik:RadToolBarButton Text="seperator" IsSeparator="true" />
                <telerik:RadToolBarButton runat="server" Text="button1" Value="button1" >
                    <ItemTemplate>
                        <telerik:RadTextBox ID="RadTextBox1" EmptyMessage="Search" ClientEvents-OnLoad="clientLoad"
                            runat="server" />
                    </ItemTemplate>
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" CommandName="Search" Value="Search" ImageUrl="~/client/Images/Search.png" />
            </Items>
        </telerik:RadToolBar>
  5. Alok
    Alok avatar
    39 posts
    Member since:
    Feb 2009

    Posted 27 Sep 2012 Link to this post

    it's done
Back to Top