This is a migrated thread and some comments may be shown as answers.

IE7, Rad toolBar render Issue

3 Answers 86 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Alok
Top achievements
Rank 2
Alok asked on 24 Sep 2012, 11:19 AM
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. 

3 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 24 Sep 2012, 03:22 PM
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.
0
Alok
Top achievements
Rank 2
answered on 26 Sep 2012, 11:31 AM
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>
0
Alok
Top achievements
Rank 2
answered on 27 Sep 2012, 05:32 AM
it's done
Tags
ToolBar
Asked by
Alok
Top achievements
Rank 2
Answers by
Kate
Telerik team
Alok
Top achievements
Rank 2
Share this question
or