we have created skins on Q3 2008 pattern, I tried to follow the instructions mentioned on http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-q3-2008-skins-available-for-download.aspx however coudn't succeed neither on grid nor on menu. Please suggest how to deal with it. I am copying the css and aspx code please suggest what I am doing wrong here.
---CSS
/* Telerik RadGrid MVIPstyle Skin */
/*global*/
.RadGrid_MVIPstyle
{
border:0px solid #e5e5e5;
background:#fff;
color:#fff;
}
.RadGrid_MVIPstyle
,
.MasterTable_MVIPstyle
,
.DetailTable_MVIPstyle
,
.GroupPanel_MVIPstyle
table,
.GridEditForm_MVIPstyle
table,
.GridToolTip_MVIPstyle
{
font:11px verdana,sans-serif;
}
.MasterTable_MVIPstyle
,
.DetailTable_MVIPstyle
{
border-collapse:separate !important;
}
.GridRow_MVIPstyle
td,
.GridAltRow_MVIPstyle
td,
.GridEditRow_MVIPstyle
td,
.GridFooter_MVIPstyle
td,
.GridGroupFooter_MVIPstyle
td,
.GridFilterRow_MVIPstyle
td,
.GroupHeader_MVIPstyle
td,
.GridHeader_MVIPstyle
,
.ResizeHeader_MVIPstyle
{
/*padding-left:3px;
padding-right:3px;*/
padding:5px;
}
/* Add new style for MVIP by Designer*/
.GridAltRow_MVIPstyle
td
{
color:#004685;
padding:10px;
}
.GridRow_MVIPstyle
td
{
color:#004685;
padding:10px;
}
/***********************/
.RadGrid_MVIPstyle
.rgAdd,
.RadGrid_MVIPstyle
.rgRefresh,
.RadGrid_MVIPstyle
.rgEdit,
.RadGrid_MVIPstyle
.rgDel,
.RadGrid_MVIPstyle
.rgFilter,
.RadGrid_MVIPstyle
.rgPagePrev,
.RadGrid_MVIPstyle
.rgPageNext,
.RadGrid_MVIPstyle
.rgPageFirst,
.RadGrid_MVIPstyle
.rgPageLast,
.RadGrid_MVIPstyle
.rgExpand,
.RadGrid_MVIPstyle
.rgCollapse,
.RadGrid_MVIPstyle
.rgSortAsc,
.RadGrid_MVIPstyle
.rgSortDesc,
.RadGrid_MVIPstyle
.rgUpdate,
.RadGrid_MVIPstyle
.rgCancel
{
width:16px;
height:16px;
border:0;
padding:0;
background-color:transparent;
background-image:url('Grid/sprite.gif');
background-repeat:no-repeat;
vertical-align:middle;
cursor:pointer;
}
.GroupPanelItems_MVIPstyle
input,
.GridCommandRow_MVIPstyle
img,
.GridHeader_MVIPstyle
input,
.GridFilterRow_MVIPstyle
img,
.GridPager_MVIPstyle
img
{
vertical-align:middle;
}
/*header*/
.GridHeaderDiv_MVIPstyle
{
background:#fcfcfc url('Grid/sprite.gif') 0 -1080px repeat-x;
}
.GridHeader_MVIPstyle
,
.ResizeHeader_MVIPstyle
{
border-top:1px solid #e5e5e5;
border-bottom:1px solid #bbb;
padding:6px 10px 6px 10px;
background:url(../../img/bg_top_nav_active.jpg) left bottom repeat-x;
text-align:left;
text-transform:lowercase;
}
.GridHeader_MVIPstyle
a
{
color:#fff;
text-decoration:none;
font-size:12px;
}
/*rows*/
.GridRow_MVIPstyle
td,
.GridAltRow_MVIPstyle
td,
.GridEditRow_MVIPstyle
td,
.GridFooter_MVIPstyle
td,
.GridGroupFooter_MVIPstyle
td
{
padding-top:7px 8px 7px 8px;
}
.GridRow_MVIPstyle
td,
.GridAltRow_MVIPstyle
td,
.GridFooter_MVIPstyle
td,
.GridGroupFooter_MVIPstyle
td
{
border-top:0px solid #e9e9e9; /*row top border MVIP*/
border-bottom:0px solid #fff; /*row bottom border MVIP*/
}
.GridRow_MVIPstyle
a,
.GridAltRow_MVIPstyle
a,
.GridEditRow_MVIPstyle
a,
.GridFooter_MVIPstyle
a,
.GridGroupFooter_MVIPstyle
a,
.GridEditForm_MVIPstyle
a
{
color:#004685;
text-decoration:underline;
}
/* Add new style for MVIP by Designer */
.GridAltRow_MVIPstyle
a:visited
{
color:#004685;
text-decoration:underline;
}
.GridEditRow_MVIPstyle
a:visited
{
color:#004685;
text-decoration:underline;
}
.GridAltRow_MVIPstyle
td
{
background-color:#F2F2F4;
}
.GridRow_MVIPstyle
a:visited
{
color:#004685;
text-decoration:underline;
}
/******************************/
.SelectedRow_MVIPstyle
{
background:#e5e5e5;
}
.SelectedRow_MVIPstyle
td
{
border-top-color:#e0e0e0;
border-bottom-color:#ececec;
}
.GridRowOver_MVIPstyle
,
.ActiveRow_MVIPstyle
{
background:#fff;
}
.GridEditRow_MVIPstyle
{
background:#ffffe1;
}
.GridEditRow_MVIPstyle
td
{
border-bottom:1px solid #ffffe1;
}
/*footer*/
.GridFooterDiv_MVIPstyle
,
.GridFooter_MVIPstyle
,
.GridGroupFooter_MVIPstyle
{
background:#f3f3f3;
color:#333;
}
/*status*/
.GridPager_MVIPstyle
span
{
color:#999;
}
/*pager*/
.GridPager_MVIPstyle
{
background:#fff;
color:#666;
line-height:22px;
}
.GridPager_MVIPstyle
td
{
/*border-top:1px solid #c7c7c7;*/
padding:10px 4px;
}
.GridPager_MVIPstyle
div span,
.GridPager_MVIPstyle
a,
.GridPager_MVIPstyle
.sliderPagerLabel_MVIPstyle
{
color:#666;
}
.GridPager_MVIPstyle
a:hover
{
color:#000;
}
.PagerLeft_MVIPstyle
{
float:left;
}
.PagerRight_MVIPstyle
{
float:right;
}
.PagerCenter_MVIPstyle
{
text-align:center;
}
.PagerCenter_MVIPstyle
span
{
vertical-align:middle;
}
.RadGrid_MVIPstyle
.rgPagePrev
{
background-position:3px -727px;
}
.RadGrid_MVIPstyle
.rgPageNext
{
background-position:5px -759px;
}
.RadGrid_MVIPstyle
.rgPageFirst
{
background-position:2px -663px;
}
.RadGrid_MVIPstyle
.rgPageLast
{
background-position:2px -695px;
}
/*sorting, reordering*/
.GridHeader_MVIPstyle
.rgSortAsc
{
background-position:-21px -630px;
height:10px;
}
.GridHeader_MVIPstyle
.rgSortDesc
{
background-position:4px -629px;
height:10px;
}
.TopReorderIndicator_MVIPstyle
,
.BottomReorderIndicator_MVIPstyle
{
width:11px !important;
height:11px !important;
margin-left:-5px;
background:url('Grid/sprite.gif') 0 -600px no-repeat;
}
.BottomReorderIndicator_MVIPstyle
{
background-position:-21px -600px;
}
/*filtering*/
.GridFilterRow_MVIPstyle
{
background:#fcfcfc;
}
.GridFilterRow_MVIPstyle
td
{
padding-top:4px;
padding-bottom:4px;
}
.RadGrid_MVIPstyle
.rgFilter
{
background-position:2px -789px;
}
.GridFilterRow_MVIPstyle
input[type="text"]
{
border:solid 1px #aeaeae;
padding:2px;
font:11px arial,sans-serif;
color:#424242;
vertical-align:middle;
}
/*grouping*/
.GroupPanel_MVIPstyle
{
border-bottom:1px solid #aeaeae;
background:#e5e5e5;
}
.GroupPanel_MVIPstyle
.rgSortAsc
{
background-position:-21px -627px;
}
.GroupPanel_MVIPstyle
.rgSortDesc
{
background-position:4px -626px;
}
.GroupPanel_MVIPstyle
td
{
padding:2px 3px;
}
.GroupPanel_MVIPstyle
td td
{
padding:1px;
}
.GroupPanelItems_MVIPstyle
{
border:1px solid;
border-color:#fff #c6c6c6 #c6c6c6 #fff;
padding:1px 2px 1px 5px;
background:#efefef;
color:#999;
white-space:nowrap;
}
.GroupHeader_MVIPstyle
{
background:#fff;
}
.GroupHeader_MVIPstyle
td
{
border-top:1px solid #e9e9e9;
padding-top:5px;
padding-bottom:5px;
}
.RadGrid_MVIPstyle
.rgExpand
{
background-position:2px -822px;
}
.RadGrid_MVIPstyle
.rgCollapse
{
background-position:2px -854px;
}
.GroupHeader_MVIPstyle
td div
{
top:-0.6em;
}
.GroupHeader_MVIPstyle
td div div
{
top:0;
}
/*editing*/
.GridEditForm_MVIPstyle
{
border-bottom:1px solid #e9e9e9;
}
.GridEditForm_MVIPstyle
input[type="text"],
.GridEditForm_MVIPstyle
input[type="password"],
.GridEditForm_MVIPstyle
textarea
{
border:solid 1px #aeaeae;
padding:2px;
font:11px arial,sans-serif;
color:#424242;
}
.RadGrid_MVIPstyle
.rgUpdate
{
background-position:2px -981px;
}
.RadGrid_MVIPstyle
.rgCancel
{
background-position:2px -1013px;
}
/*hierarchy*/
.DetailTable_MVIPstyle
{
border:1px solid #e5e5e5;
border-right:0;
}
/*command row*/
.GridCommandRow_MVIPstyle
{
background:#f3f3f3;
}
.GridCommandRow_MVIPstyle
a
{
color:#000;
}
.RadGrid_MVIPstyle
.rgAdd
{
background-position:2px -1046px;
}
.RadGrid_MVIPstyle
.rgRefresh
{
background-position:5px -885px;
}
.RadGrid_MVIPstyle
.rgEdit
{
background-position:2px -918px;
}
.RadGrid_MVIPstyle
.rgDel
{
background-position:2px -951px;
}
/*multirow select*/
.GridRowSelector_MVIPstyle
{
background:#669;
}
/*row drag n drop*/
.GridItemDropIndicator_MVIPstyle
{
border-top:1px dashed #666;
}
/*tooltip*/
.GridToolTip_MVIPstyle
{
border:1px solid #e5e5e5;
padding:3px;
background:#fff;
color:#000;
}
/*rtl*/
.RadGridRTL_MVIPstyle
.GridHeader_MVIPstyle,
.RadGridRTL_MVIPstyle
.ResizeHeader_MVIPstyle
{
text-align:right;
}
.RadGridRTL_MVIPstyle
.PagerLeft_MVIPstyle,
.RadGridRTL_MVIPstyle
.GridPager_MVIPstyle .radslider
{
float:right;
}
.RadGridRTL_MVIPstyle
.PagerRight_MVIPstyle
{
float:left;
}
------ASPX
<
telerik:RadGrid ID="RadGridProject" CssClass="tblGrid" runat="server" GridLines="None"
ShowStatusBar="true" AllowPaging="True" PageSize="10" EnableEmbeddedSkins="false" Skin="MVIPstyle"
AutoGenerateColumns="false" AllowSorting ="true" OnPageIndexChanged="RadGridProject_PageIndexChanged"
OnItemDataBound="RadGridProject_ItemDataBound"
OnSortCommand="RadGridProject_SortCommand"
onitemcommand="RadGridProject_ItemCommand" onprerender="RadGridProject_PreRender" >
Regards
Rohit
1 Answer, 1 is accepted
The custom RadGrid skin pasted above is not compatible with the Q1 2009 RadGrid version. Please refer to:
http://blogs.telerik.com/tervelpeykov/posts/09-03-20/using_pre-q1_2009_skins_with_q1_2009.aspx
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.