Without skin i getting problem in paging alignment

[santhosh]

I am using Radgrid without using the skin
I dont know how to align the pager

<telerik:RadScriptManager ID="RadScriptManager" runat="server"> </telerik:RadScriptManager>
                         <telerik:RadGrid id="RadGrid1" ShowStatusBar="false" Skin="" HeaderStyle-CssClass="RGHeader" CssClass="RadGrid" ItemStyle-CssClass="RGItem" AlternatingItemStyle-CssClass="RGAltItem"  ShowFooter="true"  runat="server" AllowPaging="True"
                                AllowSorting="True" AllowMultiRowSelection="True"  AutoGenerateColumns="false" width="375px" Height="575px">
                            <ClientSettings  
                            EnableRowHoverStyle="false"
                            Resizing-AllowColumnResize="true"
                            Resizing-EnableRealTimeResize="true"
                            Scrolling-AllowScroll="true"
                            Scrolling-UseStaticHeaders="true">
                            <ClientEvents  />                               
                            </ClientSettings>
                            <MasterTableView>
                            <PagerStyle Mode="NumericPages" CssClass="RadGridPager"></PagerStyle>
                            <Columns>
                              <telerik:GridTemplateColumn HeaderText="ID" DataField="A_ID" SortExpression="A_ID" Resizable="false">
                                                    <HeaderStyle Width="50px" />
                                                    <ItemTemplate>                                   
                                                        <a href="Audit_Edit.asp?AU=<%#DataBinder.Eval(Container.DataItem, "A_ID")%>"><%#DataBinder.Eval(Container.DataItem, "A_ID")%></a>
                                                    </ItemTemplate>
                                                    
                                                </telerik:GridTemplateColumn>

                            <telerik:GridBoundColumn UniqueName="Added" HeaderText="Title"  DataField="TITLE" Resizable="false">
                            <HeaderStyle Width="300px" />
                             <ItemStyle CssClass="f2" />
                            </telerik:GridBoundColumn>
                            
                            </Columns>
                            </MasterTableView>     
                        </telerik:RadGrid> 

[Dimo]

Hello Santhosh,

In your case the pager item contains two <div>s. In order to place them on a single line, you can float them:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridPagerItem)
    {
        GridPagerItem pi = e.Item as GridPagerItem;
        (pi.PagerContentCell.Controls[0].Controls[0].Controls[0].Controls[0] as Panel).Style.Add("float", "left");
        (pi.PagerContentCell.Controls[0].Controls[0].Controls[0].Controls[1] as Panel).Style.Add("float", "right");
    }
}

All the best,
Dimo
the Telerik team

[santhosh]

Hello Dimo ,
Thanks for your qucik response
I have two question
I didnt get the spacing beween the paging number (between 1 and 2)
How i remove the underline in ID
Please clarify this
Thanks
santhosh

[Dimo]

Hi Santhosh,

In order to set spacing between the pager numbers, use

.RadGridPager  a
{
         margin:0 4px;
}

In order to remove the header underline, use

.RGHeader  a
{
        text-decoration:none;
}

For more information about the RadGrid HTML output and styling, please refer to the control's documentation > Controlling visual appearance.

http://www.telerik.com/help/aspnet-ajax/grd-understanding-html-css.html

You can also inspect the control's HTML output with Firebug or a similar tool and construct CSS selectors, according to the HTML structure and CSS classes that you have set.

Regards,
Dimo
the Telerik team

[santhosh]

Hai Dimo,
Thanks buddy!
It working good

[santhosh]

Hi,
I have a question.
Is it possible to change the sort image in custom Rad grid.
If it means how to change the image
Need your Reply
Thanks
Santhosh

[Dimo]

Hello Santhosh,

You can either set

<telerik:GridBoundColumn SortAscImageUrl="" SortDescImageUrl="" />

per column, or override the RadGrid skin by using different background images for the rgSortAsc and rgSortDesc CSS classes

http://www.telerik.com/help/aspnet-ajax/css-sprites.html

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx


Regards,
Dimo
the Telerik team

[santhosh]

Dear Dimo,
Thank for reply
It works good
Regards
Santhosh