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

Pager Images for Grid Skin - Stylebuilder

8 Answers 130 Views
Editor
This is a migrated thread and some comments may be shown as answers.
David Amm
Top achievements
Rank 1
David Amm asked on 29 Jun 2009, 02:27 PM
Hi,

I discovered the stylebuilder the other day and ...awesome.  A really useful tool.

My only problem with the new skin I created for the grid is that the images do not appear in the Pager for mode="NextPrevAndNumeric" or "NextPrev".  
Those are the "First, Prev, Next and Last" images as well as the image required for the the drop down on PageSize.  If I change it to slider it works.    

Is there another setting somewhere that I must change in order for these images to be picked up from the sprite.gif?

I look forward to hearing from you.

8 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Jun 2009, 01:57 PM
Hello David,

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.
0
David Amm
Top achievements
Rank 1
answered on 01 Jul 2009, 08:01 AM
I created the skin with your stylebuilder, NO tweaks, and downloaded and used it AS IS.

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,
0
Dimo
Telerik team
answered on 01 Jul 2009, 08:38 AM
Hi David,

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.
0
David Amm
Top achievements
Rank 1
answered on 01 Jul 2009, 09:00 AM
Hi,

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>

 

 

 

 

 

0
Dimo
Telerik team
answered on 01 Jul 2009, 10:25 AM
Hi David,

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.
0
Shake
Top achievements
Rank 1
answered on 06 Jan 2010, 04:53 PM
Hi Dimo,
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.
0
Dimo
Telerik team
answered on 06 Jan 2010, 05:00 PM
Hi Shake,

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.
0
Shake
Top achievements
Rank 1
answered on 06 Jan 2010, 05:05 PM
Thanks alot.
It solve my problem.
Tags
Editor
Asked by
David Amm
Top achievements
Rank 1
Answers by
Dimo
Telerik team
David Amm
Top achievements
Rank 1
Shake
Top achievements
Rank 1
Share this question
or