Manishkumar
Top achievements
Rank 1
Rank 1
Manishkumar
asked on 02 Mar 2011, 07:01 AM
Hi ;
We have use Radbutton Control in our Project in all popup pages but when we scroll the pages up and down or using horizontal scroll bar Radbutton does not scroll with the pages . Can you let us know how to rectify this issue
please note: we have use Radbutton in asp update panel
We have use Radbutton Control in our Project in all popup pages but when we scroll the pages up and down or using horizontal scroll bar Radbutton does not scroll with the pages . Can you let us know how to rectify this issue
please note: we have use Radbutton in asp update panel
3 Answers, 1 is accepted
0
Hello Manishkumar,
I suppose that the reported problem occurs in IE7 or IE8 Compatibility mode. This is a bug in IE and it is known browser behavior. To fix that issue you should set position: relative to RadButton wrapping element. You could find detailed explanation for the bug and the fix at: RadButton known issues in IE7
All the best,
Bojo
the Telerik team
I suppose that the reported problem occurs in IE7 or IE8 Compatibility mode. This is a bug in IE and it is known browser behavior. To fix that issue you should set position: relative to RadButton wrapping element. You could find detailed explanation for the bug and the fix at: RadButton known issues in IE7
All the best,
Bojo
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
JP Cloutier
Top achievements
Rank 1
Rank 1
answered on 01 Sep 2011, 05:00 PM
I'm having the same issue, and the fix supplied does not work: Issue examples attached. Before shows the button in the location it belongs, the after shows the button remaining fixed.
<columns>
<telerik:GridTemplateColumn UniqueName="LevelLookup">
<ItemTemplate ></ItemTemplate>
<EditItemTemplate>
<telerik:RadButton ID="BtnAdvancedLevelLookup" runat="server" AutoPostBack="false" Width="21px" Height="19px" Text="Lookup" ToolTip="Opens the advanced Position / Department selection screen." OnClientClicked="AdvancedHierarchyLookupClicked" TabIndex="6" >
<Image ImageUrl="~/_imgs/btn_on_lookup.gif" PressedImageUrl="~/_imgs/btn_off_lookup.gif" />
</telerik:RadButton>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<columns>
<telerik:GridTemplateColumn UniqueName="LevelLookup">
<ItemTemplate ></ItemTemplate>
<EditItemTemplate>
<telerik:RadButton ID="BtnAdvancedLevelLookup" runat="server" AutoPostBack="false" Width="21px" Height="19px" Text="Lookup" ToolTip="Opens the advanced Position / Department selection screen." OnClientClicked="AdvancedHierarchyLookupClicked" TabIndex="6" >
<Image ImageUrl="~/_imgs/btn_on_lookup.gif" PressedImageUrl="~/_imgs/btn_off_lookup.gif" />
</telerik:RadButton>
</EditItemTemplate>
</telerik:GridTemplateColumn>
0
Hi,
The fix works as expected, but you should put in in the right wrapper element. As I could not reproduce the issue with the code provided by you, find bellow a simple example of Grid with RadButton, where the IE7 scrolling issue exists and the fix works as expected:
In that case, the fix was applied to .rgDadaDvi class.
Attached are two screenshots showing the before and after look.
Greetings,
Bojo
the Telerik team
The fix works as expected, but you should put in in the right wrapper element. As I could not reproduce the issue with the code provided by you, find bellow a simple example of Grid with RadButton, where the IE7 scrolling issue exists and the fix works as expected:
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> *+html .rgDataDiv { position: relative; } </style></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="sm" runat="server" /> <telerik:RadGrid ID="RadGrid1" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" runat="server" Width="500px" Height="200px"> <PagerStyle Mode="NextPrevAndNumeric" /> <GroupingSettings CaseSensitive="false" /> <MasterTableView TableLayout="Fixed" Width="600px"> <Columns> <telerik:GridTemplateColumn> <ItemTemplate> <telerik:RadButton runat="server" Text="RadButton"> </telerik:RadButton> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn> <ItemTemplate> <span>Column 3 Text</span> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <ClientSettings> <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"> </Scrolling> </ClientSettings> </telerik:RadGrid> </form></body></html>In that case, the fix was applied to .rgDadaDvi class.
Attached are two screenshots showing the before and after look.
Greetings,
Bojo
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>