[Solved] Apply old radgrid default css to new radgrid

[Jignesh]

Hello Friends


I had used new radgrid control by using Telerik.Web.UI.

Now i want to apply old default css(RadControls/Grid/Skins/Default/Styles.css).

How i will apply old css to my new radgrid?

pls help me.

Thanks & Regards
Jignesh Patel

[Dimo]

Hi Jignesh,

Please use the Default skin provided here:

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/all-radcontrols-q3-2008-skins-are-now-compatible-with-the-q1-2009-release.aspx

It is compatible with the latest versions of RadGrid for ASP.NET AJAX.

Kind 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.

[Jignesh]

Hello Dimo

Thanks for reply.

New rad grid skin is working fine in some pages but one of the my page grid have 19 column so scroll will be display. Old grid will be working fine with 19 column without scrolling.

Now how i will remove scroll in new radgrid with display all record?

pls help me.

Thanks & Regards
Jignesh Patel

 

[Dimo]

Hi Jignesh,

One option is to set TableLayout="Fixed" for the MasterTableView and not set column widths - this will force all columns to shrink and fit the RadGrid horizontal space.

Another option is to modify the skin and decrease the cells' left and right padding:


.RadGrid_Default .rgRow td,
.RadGrid_Default .rgAltRow td,
.RadGrid_Default .rgEditRow td,
.RadGrid_Default .rgFooter td,
.RadGrid_Default .rgFooter td
{
    padding-left:10px;
    padding-right:6px;
}


.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol
{
    border-bottom:1px solid #010101;
    background:url('Grid/headers.gif') repeat-x #434343;
    padding:10px 6px 10px 11px;
    text-align:left;
    font-size:1.3em;
    font-weight:normal;
}


Note that the header cells' left padding must be 1px larger than the data cells' left padding, because the data cells have 1px left border.

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.

[Jignesh]

Hello Dimo

Thanks fore reply.

I had tried with first option with TableLayout="Fixed" it fine for display all the column but records text are cutting.

Where i will add second option css?

All text are not display.

Thanks & Regards
Jignesh Patel

[Dimo]

Hello pintu,

You don't add the CSS code anywhere, you have it already. Find the CSS rules in the RadGrid skin and modify the padding styles shown in red.

Also, make sure that there is no 100% width set for the MasterTableView.

Kind 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.

[Jignesh]

Hello Dimo

Thanks for replying.

I had tried but its not working.

Horizontal scroll are not removed..

wt i will do?

Pls help me.

Thanks & Regards
Jignesh Patel

[Dimo]

Hello Jignesh,

Can you please send me a simple runnable web page, which demonstrates your implementation? I will take a look at it and tell you whether removing the scrollbar is possible and how.

Greetings,
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.