8 Answers, 1 is accepted
By default, RadGrid renders the pager buttons as push buttons with the following CSS classes and expects the developer to provide valid background CSS styles for them:
.rgPageFirst
.rgPagePrev
.rgPageNext
.rgPageLast
Do you have correct background styles for these CSS classes?
Alternatively, the pager buttons can be ordinary image buttons, if you specify FirstPageImageUrl, LastPageImageUrl, etc in the RadGrid PagerStyle tag.
Greetings,
Dimo
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.
So, the css code should be correct because it's EXACTLY what was created with the stylebuilder.
As I mentioned - the buttons are displayed as missing ONLY with the Pager mode="NextPrevAndNumeric" or "NextPrev".
For mode=slider the buttons are there.
Make sense? As I said before, this skin is done with your style builder with no tweaks, just a save on one of the default skins.... and then NO edits to the css on our side.
Thanks,
I created a custom skin with the Visual Style Builder and it worked as expected.
Can you send us the skin?
Are you using an ASP.NET theme with some styles defined for asp:Buttons? If yes, these can override the RadGrid pager buttons, as they are asp:Buttons as well.
Greetings,
Dimo
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.
Thank you for your prompt reply.
I'm not using any asp.net theme however we are using DNN so maybe there's something in there that's overriding it?
I'll email the skin to you via a reply to the support email - (will you get it even though the email days 'do not reply'?)
Thank you and I look forward to your response.
The code for the RadGrid is:
<
telerik:RadGrid ID="rgResults" DataSourceID="ldsSpeciesSearch" AllowPaging="True"
runat="server" GridLines="None" PageSize="30" Skin="FWForest"
OnPreRender="rgResults_PreRender" onitemcreated="rgResults_ItemCreated"
Width="660px" EnableEmbeddedSkins="False" >
<HeaderStyle Width="100%" />
<PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" EnableSEOPaging="true" SEOPagingQueryStringKey="PageNumber"
PagerTextFormat="Page # <strong>{0}</strong> of <strong>{1}</strong>, items <strong>{2}</strong> to <strong>{3}</strong> of <strong>{5}</strong>."
PageButtonCount="19" AlwaysVisible="True"></PagerStyle>
<MasterTableView TableLayout="Fixed" CellSpacing="-1" DataSourceID="ldsSpeciesSearch" Width="660px"
ShowHeader="false" DataKeyNames="SpecieConfigId,ClassificationName,SpecieName,AuthorName,Year,GenusSpeciesName,SearchResultDescOld,IsBrackets,StatusId,StatusName,CountOfImages,CAS_ID,OriginalGenusSpeciesName,SearchResultDesc,StatusCode,isExcl,CAS_LinkID">
<ItemTemplate>
</ItemTemplate>
</MasterTableView>
</
telerik:RadGrid>
I suggest you to test your custom skin in a standalone page, outside the DNN environment. In this case you will find out whether the skin itself works. If the skin works on a standalone page, then use some web developer toolbar (e.g. Firebug) to determine whether the skin styles are applied as expected on the page inside DNN.
Generally, if you need to send us something and get technical assistance, you should use a formal support ticket.
Regards,
Dimo
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.
I am getting the same problem.Even i am not using DNN.I can not change PagerStyle mode = Slider in my Grid applying Custom skin on it.It show me default mode of Grid Paging style.Please tell me how can i do this thing.
Here is the code.
<RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="true"
AllowSorting="True" PageSize="13"
oncolumncreated="RadGrid1_ColumnCreated"
onneeddatasource="RadGrid1_NeedDataSource" Skin="CustomSkin" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
<PagerStyle Mode="Slider"
AlwaysVisible="True" ShowPagerText="true"></PagerStyle>
</RadGrid >
Regard,
Shakil Ahmed.
Please verify that you have a custom RadSlider skin registered on the page (and a Slider.css base stylesheet too). The RadSlider skin name must match the RadGrid skin name.
Also, check whether you have several conflicting PagerStyle statements inside the RadGrid declaration, for example one inside the RadGrid tag and one inside the MasterTableView tag.
If you still need help, please send us a runnable demo.
All the best,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
It solve my problem.