+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Issue with RadGrid Paging

Issue with RadGrid Paging

2 posts, 1 answered
  1. andersleet
    andersleet avatar
    155 posts
    Registered:
    03 Jun 2009
    08 Jul 2009
    Link to this post
    I don't know why but any changes to the styling of the RadGrid Paging seems to have no effect. This screenshot shows the visual issues I have:


    You can see that the images are just blank buttons, and the dropdown/select button are "invisible"...I can see them there and they function but they dont look like a button or dropdown.

    Here is my designer code for the RadGrid:

    <asp:LinqDataSource ID="ItemViewDataSource" runat="server" ContextTypeName="GSFyi.GSFyiDataClasses_DataContext" 
        TableName="FYI_Items" OrderBy="FYI_State.name, name" EnableDelete="True"
    </asp:LinqDataSource> 
    <h2 class="gridTitle"
        All Items</h2> 
    <telerik:RadGrid ID="ItemViewRadGrid" runat="server" AutoGenerateColumns="False" 
        DataSourceID="ItemViewDataSource" GridLines="None" AllowAutomaticDeletes="True" 
        EnableEmbeddedSkins="False" OnItemDataBound="itemsGrid_ItemDataBound"  
        AllowPaging="True" PageSize="15" AllowCustomPaging="True"
        <HeaderContextMenu> 
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </HeaderContextMenu> 
        <PagerStyle FirstPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_first.png"  
            LastPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_last.png"  
            Mode="NextPrev"  
            NextPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_next.png"  
             
            PrevPageImageUrl="../../../../../Custom/Modules/GSFyi/Resources/Images/Icons/resultset_previous.png" /> 
        <MasterTableView DataKeyNames="id" DataSourceID="ItemViewDataSource" CommandItemDisplay="None" 
            CssClass="listItems" Width="98%" PageSize="15" PagerStyle-Mode="NextPrevAndNumeric"
            <RowIndicatorColumn> 
                <HeaderStyle Width="20px" /> 
            </RowIndicatorColumn> 
            <ExpandCollapseColumn> 
                <HeaderStyle Width="20px" /> 
            </ExpandCollapseColumn> 
            <Columns> 
                <telerik:GridTemplateColumn ItemStyle-CssClass="gridActions edit" UniqueName="Edit"
                    <ItemTemplate> 
                        <asp:HyperLink ID="edit" runat="server" Text="Edit"></asp:HyperLink> 
                    </ItemTemplate> 
                    <ItemStyle CssClass="gridActions edit"></ItemStyle> 
                </telerik:GridTemplateColumn> 
                <telerik:GridButtonColumn ConfirmText="Are you sure you want to delete this item?" 
                    ConfirmDialogType="RadWindow" ButtonType="LinkButton" ItemStyle-CssClass="gridActions delete" 
                    CommandName="Delete"
                    <ItemStyle CssClass="gridActions delete"></ItemStyle> 
                </telerik:GridButtonColumn> 
                <telerik:GridBoundColumn DataField="name" HeaderText="Item Name" SortExpression="name" 
                    UniqueName="name"
                </telerik:GridBoundColumn> 
                <telerik:GridTemplateColumn HeaderText="State" UniqueName="state" > 
                    <ItemTemplate> 
                        <asp:Literal ID="stateLit" runat="server" Text='<%# Eval("FYI_State.name") %>' /> 
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridTemplateColumn HeaderText="Type" UniqueName="type"
                    <ItemTemplate> 
                        <asp:Literal ID="typeLit" runat="server" Text='<%# Eval("FYI_Type.name") %>' /> 
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridBoundColumn DataField="url" HeaderText="Value" SortExpression="url" UniqueName="url"
                </telerik:GridBoundColumn> 
            </Columns> 
            <EditFormSettings> 
                <EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" 
                    CancelImageUrl="Cancel.gif"
                </EditColumn> 
            </EditFormSettings> 
        </MasterTableView> 
        <FilterMenu> 
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </FilterMenu> 
    </telerik:RadGrid> 


    Any ideas on what is going on here?

    Thanks!
    anders
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    09 Jul 2009
    Link to this post
    Hello andersleet,

    The problem is that you have set   EnableEmbeddedSkins="False" and you have not specified any skin. to get this working you should set ImagePath property to RadGrid declaration. Then create a folder which should collect your images. Note that images names should be specifc. For more information please take a look at the following article RadGrid with EnableEmbeddedSkins set to false and a custom skin

    All the best,
    Ivan Dimitrov
    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.
    Answered
2 posts, 1 answered