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

Need to make the valign="true" for the paging in the footer

5 Answers 43 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
Anto (DLL Version : 2008.3.1314.35) asked on 26 May 2010, 08:56 AM
Hi All

Have a RadGrid with datas which works fine. I have used Custom Skin.

I have used SLIDER control for Paging.

<style type="text/css"
        .GridPager_ImpetusBlue .radslider 
        { 
            floatleft
            margin:7px 115px 0 5px
            padding-bottom:5px;        
        } 
    </style> 

I have used this css property to make the paging go to the right and for the slider control.

Have attached a screenshot.

Please give me a solution to rectify this.

Thank You

-Anto


5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 27 May 2010, 05:19 PM
Hi Anto,

The label on the right should have a CSS class of

sliderPagerLabel_ImpetusBlue

I suppose you have floated it to the right to make it go to the right side of the RadGrid pager. So you can either set a large-enough line-height style to this pager label, or top padding, or top margin.

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
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
answered on 31 May 2010, 01:36 PM
Hi Dimo

I can't find any css like that.

Here is the css file for RadGrid

.RadGrid_ImpetusBlue 
    /*Aligned*/ 
    border1px solid #688caf
    background#fff
    color#333
 
.RadGrid_ImpetusBlue, 
.MasterTable_ImpetusBlue, 
.DetailTable_ImpetusBlue, 
.GroupPanel_ImpetusBlue table, 
.GridEditForm_ImpetusBlue table, 
/*Aligned*/ 
.CommandRow_ImpetusBlue table, 
.Pager_ImpetusBlue table, 
.GridToolTip_ImpetusBlue 
    /*Aligned*/ 
    font12px/16px "segoe ui" ,arial,sans-serif
 
.MasterTable_ImpetusBlue, 
.DetailTable_ImpetusBlue 
    /*Aligned*/ 
    border-collapseseparate
 
.GridRow_ImpetusBlue td, 
.GridAltRow_ImpetusBlue td, 
.GridHeader_ImpetusBlue, 
.GridResizeHeader_ImpetusBlue, 
.GridPager_ImpetusBlue,  
.GridGroupPanel_ImpetusBlue,  
.GridGroupHeader_ImpetusBlue  
    cursor:default
 
.Gridinput_ImpetusBlue[type="image"
    cursor:pointer
 
.GridRow_ImpetusBlue td, 
.GridAltRow_ImpetusBlue td, 
.GridEditRow_ImpetusBlue td, 
.GridFooter_ImpetusBlue td, 
.GridGroupFooter_ImpetusBlue td, 
.GridFilterRow_ImpetusBlue td, 
.GridHeader_ImpetusBlue, 
.GridResizeHeader_ImpetusBlue 
    /*Aligned*/ 
    padding-left7px
    padding-right7px
 
.RadGrid_ImpetusBlue .rgAdd, 
.RadGrid_ImpetusBlue .rgRefresh, 
.RadGrid_ImpetusBlue .rgEdit, 
.RadGrid_ImpetusBlue .rgDel, 
.RadGrid_ImpetusBlue .rgFilter, 
.RadGrid_ImpetusBlue .rgPagePrev, 
.RadGrid_ImpetusBlue .rgPageNext, 
.RadGrid_ImpetusBlue .rgPageFirst, 
.RadGrid_ImpetusBlue .rgPageLast, 
.RadGrid_ImpetusBlue .rgExpand, 
.RadGrid_ImpetusBlue .rgCollapse, 
.RadGrid_ImpetusBlue .rgSortAsc, 
.RadGrid_ImpetusBlue .rgSortDesc, 
.RadGrid_ImpetusBlue .rgUpdate, 
.RadGrid_ImpetusBlue .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_ImpetusBlue input, 
.GridCommandRow_ImpetusBlue img, 
.GridHeader_ImpetusBlue input, 
.GridFilterRow_ImpetusBlue img, 
/*Aligned*/ 
.GridFilterRow_ImpetusBlue input, 
.GridPager_ImpetusBlue img 
    vertical-align:middle
 
/*header*/ 
 
.GridHeaderDiv_ImpetusBlue 
    /*Aligned*/ 
    background#d6e5f3 0 -8050px repeat-x url('Grid/sprite.gif'); 
 
.GridHeader_ImpetusBlue, 
.ResizeHeader_ImpetusBlue 
    /*Aligned*/ 
    bordersolid #5d8cc9
    border-width: 0 0 1px 1px
    padding-top5px
    padding-bottom4px
    background: 0 -2300px repeat-x #c3d8f1 url('Grid/sprite.gif'); 
    text-alignleft
    font-weightnormal
 
.GridHeader_ImpetusBlue:first-child, 
.ResizeHeader_ImpetusBlue:first-child 
    border-left:0; 
    padding-left:5px
 
.GridHeader_ImpetusBlue, 
.GridHeader_ImpetusBlue a 
    /*Aligned*/ 
    color#00156e
    text-decorationnone
 
.GridCheck_ImpetusBlue  
    height:15px
    margin-top:0; 
    margin-bottom:0; 
    padding:0; 
    cursor:default
 
/*rows*/ 
 
.GridFilterRow_ImpetusBlue td, 
.GridRow_ImpetusBlue td, 
.GridAltRow_ImpetusBlue td, 
.GridEditRow_ImpetusBlue td, 
.GridFooter_ImpetusBlue td, 
.GridGroupFooter_ImpetusBlue td 
    /*Aligned*/ 
    border:1px solid
    border-top:0; 
    border-right:0; 
    padding-top:4px
    padding-bottom:3px
 
.GridRow_ImpetusBlue td, 
.GridAltRow_ImpetusBlue td 
    /*Aligned*/ 
    border-color:#d0d7e5
 
.GridFilterRow_ImpetusBlue>td:first-child, 
.GridRow_ImpetusBlue>td:first-child, 
.GridAltRow_ImpetusBlue>td:first-child, 
.GridEditRow_ImpetusBlue>td:first-child, 
.GridFooter_ImpetusBlue>td:first-child, 
.GridGroupFooter_ImpetusBlue>td:first-child 
    border-left-color:#fff
 
.GridRow_ImpetusBlue a, 
.GridAltRow_ImpetusBlue a, 
.GridEditRow_ImpetusBlue a, 
.GridFooter_ImpetusBlue a, 
.GridGroupFooter_ImpetusBlue a, 
.GridEditForm_ImpetusBlue a 
    color:#00156e
 
.SelectedRow_ImpetusBlue 
    /*Aligned*/ 
    background:#ffcb60 0 -3900px repeat-x url('Grid/sprite.gif'); 
 
.SelectedRow_ImpetusBlue td, 
.SelectedRow_ImpetusBlue>td:first-child 
    border-color:#f29536
 
.ActiveRow_ImpetusBlue, 
.GridRowOver_ImpetusBlue 
    background:none #f9d99f
 
.ActiveRow_ImpetusBlue td, 
.ActiveRow_ImpetusBlue>td:first-child, 
.GridRowOver_ImpetusBlue td, 
.GridRowOver_ImpetusBlue>td:first-child 
    border-left-color:#f9d99f
    border-right-color:#f9d99f
 
.GridEditRow_ImpetusBlue 
    background:#ffffe1
 
.GridEditRow_ImpetusBlue td, 
.GridEditRow_ImpetusBlue>td:first-child 
    border-left-color:#ffffe1
    border-bottom-color:#d0d7e5
 
/*footer*/ 
 
/*.GridFooter_ImpetusBlue,
.GridGroupFooter_ImpetusBlue,
.GridFooter_ImpetusBlue a,
.GridGroupFooter_ImpetusBlue a
{
    color:#666;
}*/ 
 
/*Aligned*/ 
.GridFooterDiv_ImpetusBlue, 
.GridFooter_ImpetusBlue 
    background:#9ab5db 0 -6500px repeat-x url('Grid/sprite.gif'); 
 
.GridFooterDiv_ImpetusBlue td 
    border-width:1px 0; 
    border-color:#567db0 #fff #fff
    padding-left:8px
 
/*status*/ 
 
.GridPager_ImpetusBlue .GridStatus_ImpetusBlue 
    width:35px
    border:0; 
    border-top:1px solid #5d8cc9
    border-right:1px solid #9cb9dc
    border-color:#5d8cc9 #9cb9dc
    padding:3px
 
.GridStatus_ImpetusBlue div 
    width:24px
    height:24px
    overflow:hidden
    border:0; 
    margin:0 auto
    padding:0; 
    background:transparent center center no-repeat url('Common/loading_small.gif'); 
    text-indent:-2222px
 
/*pager*/ 
 
.GridPager_ImpetusBlue 
    /*Aligned*/ 
    background:#ecf3fc 0 -7000px repeat-x url('Grid/sprite.gif'); 
 
.GridPager_ImpetusBlue td 
    /*Aligned*/ 
    padding:0; 
 
.GridPager_ImpetusBlue .GridPagerCell_ImpetusBlue 
    border:0; 
    border-top:1px solid #5d8cc9
    border-left:1px solid #fff
    padding:5px 0; 
 
.GridWrap_ImpetusBlue  
    float:left
    padding:0 10px
    line-height:22px
    whitewhite-space:nowrap
 
.GridArrPart1_ImpetusBlue 
    padding-right:0; 
 
.GridArrPart2_ImpetusBlue 
    padding-left:0; 
 
.GridInfoPart_ImpetusBlue 
    float:rightright
    color:#333
 
.GridInfoPart_ImpetusBlue strong 
    font-weight:normal
    color:#000
 
.GridArrPart1_ImpetusBlue img, 
.GridArrPart2_ImpetusBlue img 
    margin:0 8px
 
.GridPageFirst_ImpetusBlue , 
.GridPagePrev_ImpetusBlue , 
.GridPageNext_ImpetusBlue, 
.GridPageLast_ImpetusBlue  
    width:17px
    height:22px
    vertical-align:top
 
.GridNextPrev_ImpetusBlue  .GridPageFirst_ImpetusBlue , 
.GridNextPrev_ImpetusBlue  .GridPagePrev_ImpetusBlue , 
.GridNextPrev_ImpetusBlue  .GridPageNext_ImpetusBlue, 
.GridNextPrev_ImpetusBlue  .GridPageLast_ImpetusBlue  
    vertical-align:middle
 
.GridPageFirst_ImpetusBlue  .rgPageFirst 
    margin:0 3px 0 0; 
    background-position:0 -548px
.GridPageFirst_ImpetusBlue :hover 
    background-position:0 -598px
.GridPagePrev_ImpetusBlue 
    margin:0 3px 0 0; 
    background-position:0 -698px
.GridPagePrev_ImpetusBlue:hover 
    background-position:0 -748px
.GridPageNext_ImpetusBlue 
    margin:0 0 0 3px
    background-position:0 -848px
.GridPageNext_ImpetusBlue:hover 
    background-position:0 -898px
.GridPageLast_ImpetusBlue 
    margin:0 0 0 3px
    background-position:0 -998px
.GridPageLast_ImpetusBlue:hover 
    background-position:0 -1048px
 
.GridPager_ImpetusBlue .GridPagerButton_ImpetusBlue 
    height:22px
    border:1px solid #7793b9
    margin:0 14px 0 0; 
    padding:0 4px 2px
    background:#e8f1fc repeat-x 0 -1550px url('Grid/sprite.gif'); 
    color:#00156e
    font:12px/12px "segoe ui",arial,sans-serif
    vertical-align:middle
    cursor:pointer
 
.GridNumPart_ImpetusBlue 
    padding:0; 
 
.GridNumericPages_ImpetusBlue .GridNumPart_ImpetusBlue 
    padding:0 10px
 
.GridNumPart_ImpetusBlue a:hover, 
.GridNumPart_ImpetusBlue a:hover span, 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue, 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue span 
    background:no-repeat url('Grid/sprite.gif'); 
 
.GridNumPart_ImpetusBlue a 
    float:left
    line-height:22px
    margin:0; 
    padding:0 5px 0 0; 
    color:#00156e
    text-decoration:none
 
.GridNumPart_ImpetusBlue span 
    float:left
    padding:0 0 0 5px
 
.GridNumPart_ImpetusBlue a:hover 
    background-position:100% -1250px
 
.GridNumPart_ImpetusBlue a:hover span 
    background-position:0 -1150px
    cursor:pointer
 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue, 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue:hover 
    background-position:100% -1450px
    cursor:default
 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue span, 
.GridNumPart_ImpetusBlue a.GridCurrentPage_ImpetusBlue:hover span 
    background-position:0 -1350px
    cursor:default
 
 
.GridNextPrevNumericAndAdvanced_ImpetusBlue  .GridAdvPart_ImpetusBlue 
    float:none
    text-align:center
 
.GridPager_ImpetusBlue .GridRadSlider_ImpetusBlue 
    float:left
    margin:0 10px 0 0; 
 
.GridPagerLabel_ImpetusBlue , 
.GridPager_ImpetusBlue .RadComboBox, 
.GridPGridinput_ImpetusBlue  
    margin:0 4px 0 0; 
    vertical-align:middle
 
*+html .GridPager_ImpetusBlue .RadComboBox{margin-top:-1px;} 
* html .GridPager_ImpetusBlue .RadComboBox{margin-top:-1px;padding:1px 0;} 
 
.GridPagerTextBox_ImpetusBlue 
    text-align:center
 
/*sorting, reordering*/ 
 
.GridHeader_ImpetusBlue .rgSortAsc 
    background-position:3px -147px
    height:10px
 
.GridHeader_ImpetusBlue .rgSortDesc 
    background-position:3px -96px
    height:10px
 
.TopReorderIndicator_ImpetusBlue, 
.BottomReorderIndicator_ImpetusBlue 
    width:9px !important; 
    height:9px !important; 
    margin-left:-5px
    background:0 0 no-repeat url('Grid/sprite.gif'); 
 
.BottomReorderIndicator_ImpetusBlue 
    background-position:0 -50px
 
/*filtering*/ 
 
.GridFilterRow_ImpetusBlue  
    background:#d6e5f3
 
.GridFilterRow_ImpetusBlue td 
    padding-top:5px
    padding-bottom:6px
    border:solid #9eb6ce
    border-width:0 0 1px 1px
 
.GridFilter_ImpetusBlue  
    width:22px
    height:22px
    margin:0 0 0 2px
    background-position:0 -300px
 
.GridFilter_ImpetusBlue:hover 
    background-position:0 -350px
 
.GridFilterActive_ImpetusBlue,  
.GridFilterActive_ImpetusBlue:hover 
    background-position:0 -400px
 
.GridFilterBox_ImpetusBlue  
    border:1px solid #abc1de
    padding:2px 1px 3px
    font:12px "segoe ui",arial,sans-serif
    color:#000
    vertical-align:middle
 
 
/*
.GridFilterRow_ImpetusBlue
{
    background:#fafafa;
}
.RadGrid_ImpetusBlue .rgFilter
{
    background-position:2px -1196px;
}
.GridFilterRow_ImpetusBlue input[type="text"]
{
    border:1px solid #7f9db9;
    font:12px arial,verdana,sans-serif;
    color:#27413e;
    vertical-align:middle;
}
*/ 
 
/*grouping*/ 
 
.GroupPanel_ImpetusBlue 
    border-bottom:1px solid #688caf
    background:url('Grid/sprite.gif'repeat-x #9ebde5
    color:#fff
 
.GroupPanel_ImpetusBlue td 
    padding:2px 4px
 
.GroupPanel_ImpetusBlue td td 
    padding:0; 
 
.GroupPanelItems_ImpetusBlue 
    border:1px solid #325373
    background:#fff
    color:#000
    padding:1px 2px
 
.GroupPanel_ImpetusBlue .rgSortAsc 
    background-position:-21px -1259px
 
.GroupPanel_ImpetusBlue .rgSortDesc 
    background-position:4px -1258px
 
.GroupHeader_ImpetusBlue 
    background:#e4ecf7
    color:#567db0
    font:bold 11px verdana,sans-serif
 
.GroupHeader_ImpetusBlue td 
    border-bottom:1px solid #d0d7e5
    padding:1px 4px 2px 5px
 
.GroupHeader_ImpetusBlue p 
    padding:0; 
    margin:0; 
 
.RadGrid_ImpetusBlue .rgExpand 
    background-position:2px -1294px
 
.RadGrid_ImpetusBlue .rgCollapse 
    background-position:2px -1326px
 
.GroupHeader_ImpetusBlue td div 
    top:-0.6em; 
 
.GroupHeader_ImpetusBlue td div div 
    top:0; 
 
/*editing*/ 
 
.GridEditForm_ImpetusBlue 
    border-bottom:1px solid #d0d7e5
 
.GridEditForm_ImpetusBlue input[type="text"], 
.GridEditForm_ImpetusBlue input[type="password"], 
.GridEditForm_ImpetusBlue textarea 
    border:1px solid #7f9db9
    font:12px arial,verdana,sans-serif
    color:#27413e
 
.RadGrid_ImpetusBlue .rgUpdate 
    background-position:3px -1549px
 
.RadGrid_ImpetusBlue .rgCancel 
    background-position:2px -1581px
 
/*hierarchy*/ 
 
.DetailTable_ImpetusBlue 
    border:1px solid #9eb6ce
    border-right:0; 
 
/*command row*/ 
 
.GridCommandRow_ImpetusBlue 
    background:#fafafa
 
.GridCommandRow_ImpetusBlue td 
    border-bottom:1px solid #688caf
    padding:2px 4px
 
.GridCommandRow_ImpetusBlue td td 
    border:0; 
    padding:1px
 
.GridCommandRow_ImpetusBlue a 
    color:#000
    text-decoration:none
 
.RadGrid_ImpetusBlue .rgAdd 
    background-position:2px -1422px
 
.RadGrid_ImpetusBlue .rgRefresh 
    background-position:5px -1453px
 
.RadGrid_ImpetusBlue .rgEdit 
    background-position:2px -1486px
 
.RadGrid_ImpetusBlue .rgDel 
    background-position:2px -1518px
 
/*loading*/ 
 
.LoadingPanel_ImpetusBlue 
    background:url('Grid/loading.gif'center center no-repeat #fff
 
/*multirow select*/ 
 
.GridRowSelector_ImpetusBlue 
    background:#00156e
 
/*row drag n drop*/ 
 
.GridItemDropIndicator_ImpetusBlue 
  border-top:1px dashed #00156e
 
/*tooltip*/ 
 
.GridToolTip_ImpetusBlue 
    border:1px solid #6187b8
    padding:3px
    background:#d7e3f2
    color:#333
 
/*rtl*/ 
 
.RadGridRTL_ImpetusBlue .GridHeader_ImpetusBlue, 
.RadGridRTL_ImpetusBlue .ResizeHeader_ImpetusBlue 
    text-align:rightright
 
.RadGridRTL_ImpetusBlue .PagerLeft_ImpetusBlue, 
.RadGridRTL_ImpetusBlue .GridPager_ImpetusBlue .radslider 
    float:rightright
 
.RadGridRTL_ImpetusBlue .PagerRight_ImpetusBlue 
    float:left
 
.RadGridRTL_ImpetusBlue .GridHeader_ImpetusBlue:first-child, 
.RadGridRTL_ImpetusBlue .ResizeHeader_ImpetusBlue:first-child 
    border-left:1px solid #9eb6ce
    padding-left:4px
 
.RadGridRTL_ImpetusBlue .GridFilterRow_ImpetusBlue>td:first-child, 
.RadGridRTL_ImpetusBlue .GridRow_ImpetusBlue>td:first-child, 
.RadGridRTL_ImpetusBlue .GridAltRow_ImpetusBlue>td:first-child, 
.RadGridRTL_ImpetusBlue .GridEditRow_ImpetusBlue>td:first-child, 
.RadGridRTL_ImpetusBlue .GridFooter_ImpetusBlue>td:first-child, 
.RadGridRTL_ImpetusBlue .GridGroupFooter_ImpetusBlue>td:first-child 
    border-left-color:#d0d7e5


Here is the css for Slider

/* RadSlider ImpetusBlue Skin */ 
 
.RadSlider_ImpetusBlue a 
    cursor:default
 
.RadSlider_ImpetusBlue 
    color:white
 
.RadSlider_ImpetusBlue a.handle 
    /*width:18px; */ 
    width:24px
    height:18px;  
    line-height:18px
    background-repeat:no-repeat
 
.RadSlider_ImpetusBlue .horizontal 
    height:18px
    /*background:#7698c5 url('Slider/SliderBgr.gif') repeat-x;*/ 
 
.RadSlider_ImpetusBlue .horizontal a.handle 
    background-image:url('Slider/Handles.gif'); 
 
.RadSlider_ImpetusBlue .horizontal .decrease 
    background-position:-3px -25px
 
.RadSlider_ImpetusBlue .horizontal .decrease:hover 
    background-position:-28px -25px
 
.RadSlider_ImpetusBlue .horizontal .decrease:active, 
.RadSlider_ImpetusBlue .horizontal .decrease:focus 
    background-position:-28px -25px
 
.RadSlider_ImpetusBlue .horizontal .increase 
    background-position:-4px -3px
 
.RadSlider_ImpetusBlue .horizontal .increase:hover 
    background-position:-26px -3px
 
.RadSlider_ImpetusBlue .horizontal .increase:active, 
.RadSlider_ImpetusBlue .horizontal .increase:focus 
    background-position:-26px -3px
 
.RadSlider_ImpetusBlue .horizontal a.draghandle 
    top:0; 
    margin-top:-8px
    margin-left:4px;  
    width:9px;  
    height:20px
    background-image:url('Slider/DragHandle.gif'); 
    background-repeat:no-repeat
 
.RadSlider_ImpetusBlue .horizontal a.draghandle:hover 
    background-position:-9px 0;  
 
.RadSlider_ImpetusBlue .horizontal a.draghandle:focus, 
.RadSlider_ImpetusBlue .horizontal a.draghandle:active 
    background-position:-18px 0; 
 
 
.RadSlider_ImpetusBlue .horizontal .track, 
.RadSlider_ImpetusBlue .horizontal .rslItemsWrapper 
    left:18px
 
.RadSlider_ImpetusBlue .horizontal .track 
    margin-top:6px
    height:6px;  
    /*background:#dee2ec;
    border-top:solid 1px #7496c2;*/ 
    background:url('Slider/TrackBgr.gif'repeat-x; 
 
.RadSlider_ImpetusBlue .rslTop .rslItemsWrapper 
    /* half of the width of the wrapper DIV (the background image in particular) as this is roughly the space between 
       the track and the end of the image */ 
    margin-top:10px
 
.RadSlider_ImpetusBlue .rslMiddle 
    /*background-position:center center;*/ 
    background-position:rightright center
 
.RadSlider_ImpetusBlue .rslBottom 
    background-position:0 100%; 
 
.RadSlider_ImpetusBlue .rslBottom .rslItemsWrapper 
    /* half of the width of the wrapper DIV (the background image in particular) as this is roughly the space between 
       the track and the end of the image */ 
    margin-bottom:10px
 
/* vertical slider */ 
.RadSlider_ImpetusBlue .vertical 
    width:18px
    background:#7698c5 url('Slider/SliderVerticalBgr.gif'repeat-y; 
 
.RadSlider_ImpetusBlue .vertical .handle 
    background-image:url('Slider/HandlesVertical.gif'); 
 
.RadSlider_ImpetusBlue .vertical .decrease 
    background-position:0 0; 
 
.RadSlider_ImpetusBlue .vertical .decrease:hover 
    background-position:-18px 0; 
 
.RadSlider_ImpetusBlue .vertical .decrease:active, 
.RadSlider_ImpetusBlue .vertical .decrease:focus 
    background-position:-36px 0; 
 
.RadSlider_ImpetusBlue .vertical .increase 
    background-position:0 -18px
 
.RadSlider_ImpetusBlue .vertical .increase:hover 
    background-position:-18px -18px
 
.RadSlider_ImpetusBlue .vertical .increase:active, 
.RadSlider_ImpetusBlue .vertical .increase:focus 
    background-position:-36px -18px
 
.RadSlider_ImpetusBlue .vertical a.draghandle 
    left:0px
 
.RadSlider_ImpetusBlue .vertical .track, 
.RadSlider_ImpetusBlue .vertical .rslItemsWrapper 
    top:18px
 
.RadSlider_ImpetusBlue .vertical .track 
    margin-left:8px
    width:1px
    background:#dee2ec
    border-left:solid 1px #7496c2
 
.RadSlider_ImpetusBlue .vertical a.draghandle 
    border:0; 
    top:0; 
    margin-left:-6px
    width:14pxheight:9px
    background-image:url('Slider/DragVerticalHandle.gif'); 
    background-repeat:no-repeat
 
.RadSlider_ImpetusBlue .vertical a.draghandle:hover 
    background-position:0 -9px
 
.RadSlider_ImpetusBlue .vertical a.draghandle:focus, 
.RadSlider_ImpetusBlue .vertical a.draghandle:active 
    background-position:0 -18px
 
.RadSlider_ImpetusBlue .rslLeft .rslItemsWrapper 
    /* half of the width of the wrapper DIV (the background image in particular) as this is roughly the space between 
       the track and the end of the image */ 
    margin-left:10px
 
.RadSlider_ImpetusBlue .rslCenter 
    background-position:center center
 
.RadSlider_ImpetusBlue .rslRight 
    background-position:100% 0; 
 
.RadSlider_ImpetusBlue .rslRight .rslItemsWrapper 
    /* half of the width of the wrapper DIV (the background image in particular) as this is roughly the space between 
       the track and the end of the image */ 
    margin-right:10px
 
.RadSlider_ImpetusBlue .rslItem, 
.RadSlider_ImpetusBlue .rslLargeTick span 
    color:#fff
 
.RadSlider_ImpetusBlue .rslItemsWrapper .rslItemSelected 
    color:#fff
 
/* horizontal slider items */ 
.RadSlider_ImpetusBlue .horizontal .rslItem 
    background-image:url('Slider/ItemHorizontalBgr.gif'); 
 
/* vertical slider items */ 
.RadSlider_ImpetusBlue .vertical .rslItem 
    background-image:url('Slider/ItemVerticalBgr.gif'); 
 
/* set width of the ticks */ 
.RadSlider_ImpetusBlue .horizontal .rslSmallTick, 
.RadSlider_ImpetusBlue .horizontal .rslLargeTick 
    width:1px
 
.RadSlider_ImpetusBlue .vertical .rslSmallTick, 
.RadSlider_ImpetusBlue .vertical .rslLargeTick 
    height:1px
 
/* horizontal slider - TrackPosition=Top/Bottom */ 
.RadSlider_ImpetusBlue .rslTop .rslSmallTick, 
.RadSlider_ImpetusBlue .rslBottom .rslSmallTick 
    background-image:url('Slider/SmallChangeHorizontal.gif'); 
 
.RadSlider_ImpetusBlue .rslTop .rslLargeTick, 
.RadSlider_ImpetusBlue .rslBottom .rslLargeTick 
    background-image:url('Slider/LargeChangeHorizontal.gif'); 
 
.RadSlider_ImpetusBlue .rslBottom div.track 
    margin-top:0; 
    margin-bottom:8px
 
/* vertical slider - TrackPosition=Left/Right */ 
.RadSlider_ImpetusBlue .rslLeft .rslSmallTick, 
.RadSlider_ImpetusBlue .rslRight .rslSmallTick 
    background-image:url('Slider/SmallChangeVertical.gif'); 
 
.RadSlider_ImpetusBlue .rslLeft .rslLargeTick, 
.RadSlider_ImpetusBlue .rslRight .rslLargeTick  
    background-image:url('Slider/LargelChangeVertical.gif'); 
 
.RadSlider_ImpetusBlue .rslRight div.track 
    margin-left:0; 
    margin-right:8px
 
/* horizontal slider - TrackPosition=Center */ 
.RadSlider_ImpetusBlue .rslMiddle .rslSmallTick 
    background-image:url('Slider/SmallChangeMiddleHorizontal.gif'); 
 
.RadSlider_ImpetusBlue .rslMiddle .rslLargeTick  
    background-image:url('Slider/LargeChangeMiddleHorizontal.gif'); 
 
.RadSlider_ImpetusBlue .rslMiddle a.handle 
    /* half of the height of the handle */ 
    margin-top:-9px
 
.RadSlider_ImpetusBlue .rslMiddle div.track 
    /* half of the height of the track */ 
    margin-top:-1px
 
/* vertical slider - TrackPosition=Center */ 
.RadSlider_ImpetusBlue .rslCenter .rslSmallTick 
    background-image:url('Slider/SmallChangeCenterVertical.gif'); 
 
.RadSlider_ImpetusBlue .rslCenter .rslLargeTick  
    background-image:url('Slider/LargelChangeCenterVertical.gif'); 
 
.RadSlider_ImpetusBlue .rslCenter a.handle 
    /* half of the width of the handle */ 
    margin-left:-9px
 
.RadSlider_ImpetusBlue .rslCenter div.track 
    /* half of the width of the track */ 
    margin-left:-1px
 
/* Items/Ticks text */ 
.RadSlider_ImpetusBlue .rslItem, 
.RadSlider_ImpetusBlue .rslLargeTick span 
    font:11px arial,sans-serif


Thank You

-Anto



0
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
answered on 22 Jun 2010, 09:56 AM
Hi

I have attached the whole css i am using.

Should I include any thing else.

I am in need to set the valign="center".

Where should i set it.

Otherwise, if there is any other option, please tell me.

Thank You

-Anto
0
Accepted
Dimo
Telerik team
answered on 25 Jun 2010, 09:11 AM
Hi Anto,

Please add the following CSS rule to your web page and uncomment one of the 3 commented lines.

.sliderPagerLabel_ImpetusBlue
{
    float:right;
    /*line-height:32px;*/
    /*padding-top:8px;*/
    /*margin-top:8px;*/
}


Best wishes,
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
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
answered on 10 Jul 2010, 07:53 AM
Dimo

Thank You very much

It worked fine.

But have to uncomment all the 3 lines to get the correct position.

-Anto
Tags
Grid
Asked by
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Anto (DLL Version : 2008.3.1314.35)
Top achievements
Rank 2
Share this question
or