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

Without skin i getting problem in paging alignment

7 Answers 44 Views
Grid
This is a migrated thread and some comments may be shown as answers.
santhosh
Top achievements
Rank 1
santhosh asked on 11 Aug 2010, 06:07 PM
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> 

7 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 12 Aug 2010, 09:00 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
santhosh
Top achievements
Rank 1
answered on 12 Aug 2010, 05:36 PM
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
0
Accepted
Dimo
Telerik team
answered on 13 Aug 2010, 09:06 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
santhosh
Top achievements
Rank 1
answered on 13 Aug 2010, 11:52 PM
Hai Dimo,
Thanks buddy!
It working good
0
santhosh
Top achievements
Rank 1
answered on 23 Aug 2010, 05:17 PM
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
0
Accepted
Dimo
Telerik team
answered on 24 Aug 2010, 07:49 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
santhosh
Top achievements
Rank 1
answered on 24 Aug 2010, 05:30 PM
Dear Dimo,
Thank for reply
It works good
Regards
Santhosh
Tags
Grid
Asked by
santhosh
Top achievements
Rank 1
Answers by
Dimo
Telerik team
santhosh
Top achievements
Rank 1
Share this question
or