Pager Images for Grid Skin - Stylebuilder

9 posts, 0 answers
  1. David Amm
    David Amm avatar
    7 posts
    Member since:
    Mar 2009

    Posted 29 Jun 2009 Link to this post

    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.

  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 30 Jun 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David Amm
    David Amm avatar
    7 posts
    Member since:
    Mar 2009

    Posted 01 Jul 2009 Link to this post

    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,
  5. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 01 Jul 2009 Link to this post

    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.
  6. David Amm
    David Amm avatar
    7 posts
    Member since:
    Mar 2009

    Posted 01 Jul 2009 Link to this post

    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>

     

     

     

     

     

  7. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 01 Jul 2009 Link to this post

    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.
  8. Shake
    Shake avatar
    3 posts
    Member since:
    Aug 2006

    Posted 06 Jan 2010 Link to this post

    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.
  9. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 06 Jan 2010 Link to this post

    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.
  10. Shake
    Shake avatar
    3 posts
    Member since:
    Aug 2006

    Posted 06 Jan 2010 Link to this post

    Thanks alot.
    It solve my problem.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017