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

[Anto (DLL Version : 2008.3.1314.35)]

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
        {
            float: left;
            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

[Dimo]

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.

[Anto (DLL Version : 2008.3.1314.35)]

Hi Dimo

I can't find any css like that.

Here is the css file for RadGrid

.RadGrid_ImpetusBlue
{
    /*Aligned*/
    border: 1px 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*/
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}

.MasterTable_ImpetusBlue,
.DetailTable_ImpetusBlue
{
    /*Aligned*/
    border-collapse: separate;
}

.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-left: 7px;
    padding-right: 7px;
}

.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*/
    border: solid #5d8cc9;
    border-width: 0 0 1px 1px;
    padding-top: 5px;
    padding-bottom: 4px;
    background: 0 -2300px repeat-x #c3d8f1 url('Grid/sprite.gif');
    text-align: left;
    font-weight: normal;
}

.GridHeader_ImpetusBlue:first-child,
.ResizeHeader_ImpetusBlue:first-child
{
    border-left:0;
    padding-left:5px;
}

.GridHeader_ImpetusBlue,
.GridHeader_ImpetusBlue a
{
    /*Aligned*/
    color: #00156e;
    text-decoration: none;
}

.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:14px; height: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

[Anto (DLL Version : 2008.3.1314.35)]

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

[Dimo]

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

[Anto (DLL Version : 2008.3.1314.35)]

Dimo

Thank You very much

It worked fine.

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

-Anto