Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
122 views
Currently my grid looks like this

http://content.screencast.com/users/robr/folders/Jing/media/d162e981-ab5e-4ca5-a588-1dbb9bbb428b/2010-04-06_1536.png

A developer created a grid for us.  I am not a developer, just someone dangerous :).  What do I need to do to add these sort of vertical dividing lines as seen here?  I've been googling and reading docs but I've failed miserably so time to just ask :).

http://content.screencast.com/users/robr/folders/Jing/media/09e71253-fe0d-460e-82fe-34b1112f08c1/2010-04-06_1542.png



Dimo
Telerik team
 answered on 08 Apr 2010
3 answers
143 views
I have a grid with auto-layout set and most of the columns are sized correctly.  However, the first three get lots of extra space to the right.  I'm attaching an image and my grid definition...

Any ideas where that's coming from?

thanks!

                <telerik:RadGrid ID="RadGrid1" Width="100%" Height="450px" AllowPaging="True" PageSize="15"  
                    runat="server" AllowSorting="False" OnNeedDataSource="RadGrid1_NeedDataSource" 
                    GridLines="None" AllowFilteringByColumn="False" ShowGroupPanel="False" EnableHeaderContextMenu="False" 
                    OnColumnCreated="RadGrid1_ColumnCreated" OnColumnCreating="RadGrid1_ColumnCreating" 
                    OnDataBound="RadGrid1_DataBound" OnPreRender="RadGrid1_PreRender" EnableViewState="false" 
                    OnItemDataBound="RadGrid1_ItemDataBound"
                    <HeaderContextMenu EnableAutoScroll="True"
                    </HeaderContextMenu> 
                    <MasterTableView Width="100%" AutoGenerateColumns="true" EnableColumnsViewState="false" TableLayout="Auto" /> 
                    <PagerStyle Mode="NextPrevAndNumeric"  
                        FirstPageImageUrl="/images/pagingfirst.gif"  
                        LastPageImageUrl="/images/paginglast.gif"  
                        NextPageImageUrl="/images/pagingnext.gif"  
                        PrevPageImageUrl="/images/pagingprev.gif" /> 
                    <ClientSettings AllowColumnsReorder="False" AllowDragToGroup="False" ReorderColumnsOnClient="False" 
                        Resizing-AllowColumnResize="False" Resizing-AllowRowResize="False" Resizing-ClipCellContentOnResize="False" 
                        Resizing-EnableRealTimeResize="True" Resizing-ResizeGridOnColumnResize="True"
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                    </ClientSettings> 
                    <FilterMenu EnableTheming="False"
                        <CollapseAnimation Duration="200" Type="OutQuint" /> 
                    </FilterMenu> 
                </telerik:RadGrid> 

Dimo
Telerik team
 answered on 08 Apr 2010
1 answer
147 views
i have a problem with the child grid header it is not taking the master grid header Css
this is the custom Css that i am using.


/*global*/

.RadGrid_BsSkin
{
    border:1px;
    background:#dfe7ea;
    color:#333;
}
/*
.RadGridRTL_BsSkin .rgHeader:first-child
{
    background-image:url(Grid/blue_right.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    float:right;
    height:16px;
    border:0;
    margin:0;
    padding:0;
}
*/
/*here is the left corner class */
.RadGrid_BsSkin .rgHeader:first-child
{
    background-image:url(Grid/blue_left.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    padding:1px;
    height:44px;
    width:32px;
    border:0;
    margin:0;
    
}
.RadGrid_BsSkin .rgHeader:last-child
{
    background-image:url(Grid/blue_right.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    float:right;
    padding:1px;
    height:44px;
    width:30px;
    border:0;
    margin:0;
    
}

.RadGrid_BsSkin,
.RadGrid_BsSkin .rgMasterTable,
.RadGrid_BsSkin .rgDetailTable,
.RadGrid_BsSkin .rgGroupPanel table,
.RadGrid_BsSkin .rgCommandRow table,
.RadGrid_BsSkin .rgEditForm table,
.RadGrid_BsSkin .rgPager table,
.GridToolTip_BsSkin
{
    font:12px/16px "segoe ui",arial,sans-serif;
}

.RadGrid_BsSkin .rgMasterTable,
.RadGrid_BsSkin .rgDetailTable
{
    border-collapse:separate;
}

.RadGrid_BsSkin .rgRow,
.RadGrid_BsSkin .rgAltRow,
.RadGrid_BsSkin .rgHeader,
.RadGrid_BsSkin .rgResizeCol,
.RadGrid_BsSkin .rgPager,
.RadGrid_BsSkin .rgGroupPanel,
.RadGrid_BsSkin .rgGroupHeader
{
    cursor:default;
}

.RadGrid_BsSkin input[type="image"]
{
    cursor:pointer;
}

.RadGrid_BsSkin .rgRow td,
.RadGrid_BsSkin .rgAltRow td,
.RadGrid_BsSkin .rgEditRow td,
.RadGrid_BsSkin .rgFooter td,
.RadGrid_BsSkin .rgFilterRow td,
.RadGrid_BsSkin .rgHeader,
.RadGrid_BsSkin .rgResizeCol,
.RadGrid_BsSkin .rgGroupHeader td
{
    padding-left:7px;
    padding-right:7px;
}

.RadGrid_BsSkin .rgClipCells .rgHeader,
.RadGrid_BsSkin .rgClipCells .rgFilterRow>td,
.RadGrid_BsSkin .rgClipCells .rgRow>td,
.RadGrid_BsSkin .rgClipCells .rgAltRow>td,
.RadGrid_BsSkin .rgClipCells .rgEditRow>td,
.RadGrid_BsSkin .rgClipCells .rgFooter>td
{
    overflow:hidden;
}

.RadGrid_BsSkin .rgHeader:first-child,
.RadGrid_BsSkin th.rgResizeCol:first-child,
.RadGrid_BsSkin .rgFilterRow>td:first-child,
.RadGrid_BsSkin .rgRow>td:first-child,
.RadGrid_BsSkin .rgAltRow>td:first-child
{
    border-left:0;
    padding-left:8px;
}

.RadGrid_BsSkin .rgAdd,
.RadGrid_BsSkin .rgRefresh,
.RadGrid_BsSkin .rgEdit,
.RadGrid_BsSkin .rgDel,
.RadGrid_BsSkin .rgFilter,
.RadGrid_BsSkin .rgPagePrev,
.RadGrid_BsSkin .rgPageNext,
.RadGrid_BsSkin .rgPageFirst,
.RadGrid_BsSkin .rgPageLast,
.RadGrid_BsSkin .rgExpand,
.RadGrid_BsSkin .rgCollapse,
.RadGrid_BsSkin .rgSortAsc,
.RadGrid_BsSkin .rgSortDesc,
.RadGrid_BsSkin .rgUpdate,
.RadGrid_BsSkin .rgCancel,
.RadGrid_BsSkin .rgUngroup,
.RadGrid_BsSkin .rgExpXLS,
.RadGrid_BsSkin .rgExpDOC,
.RadGrid_BsSkin .rgExpPDF,
.RadGrid_BsSkin .rgExpCSV
{
    width:16px;
    height:16px;
    border:0;
    margin:0;
    padding:0;
    background-color:transparent;
    background-image:url('Grid/sprite.gif');
    background-repeat:no-repeat;
    vertical-align:middle;
    font-size:1px;
    cursor:pointer;
}

.RadGrid_BsSkin .rgGroupItem input,
.RadGrid_BsSkin .rgCommandRow img,
.RadGrid_BsSkin .rgHeader input,
.RadGrid_BsSkin .rgFilterRow img,
.RadGrid_BsSkin .rgFilterRow input,
.RadGrid_BsSkin .rgPager img
{
    vertical-align:middle;
}

/*header*/

.RadGrid_BsSkin .rgHeaderDiv
{
    background-image:url(Grid/header_bg.jpg);
    background-repeat:repeat-x;
    height:44px;
}
.rgTwoLines .rgHeaderDiv
{
    background-position:0 -7250px;
}

.rgNoScrollImage .rgHeaderDiv
{
    background-image:none;
}

.RadGrid_BsSkin .rgHeader,
.RadGrid_BsSkin th.rgResizeCol
{

    
    text-align:left;
    font-weight:normal;
}

.RadGrid_BsSkin th.rgSorted
{
    border-bottom-color:#79b3d8;
    background-color:#d9ecf6;
    background-position:0 -2600px;
}

.RadGrid_BsSkin .rgHeader,
.RadGrid_BsSkin .rgHeader a
{
    color:#333;
    text-decoration:none;
}

.RadGrid_BsSkin .rgCheck
{
    height:15px;
    margin-top:0;
    margin-bottom:0;
    padding:0;
    cursor:default;
}

/*rows*/

.RadGrid_BsSkin .rgRow td,
.RadGrid_BsSkin .rgAltRow td,
.RadGrid_BsSkin .rgEditRow td,
.RadGrid_BsSkin .rgFooter td
{
    border:1px solid;
    border-top:0;
    padding-top:4px;
    padding-bottom:3px;
}

.RadGrid_BsSkin .rgRow td
{
    border-color:#dfe7ea #dfe7ea #dfe7ea #dfe7ea;
}
.RadGrid_BsSkin .rgAltRow td
{
    border-color:#D8E3E7 #D8E3E7 #D8E3E7 #D8E3E7;
    background-color:#D8E3E7;
}

.RadGrid_BsSkin .rgRow .rgSorted,
.RadGrid_BsSkin .rgAltRow .rgSorted
{
    background-color:#f2f3f5;
}

.RadGrid_BsSkin .rgSelectedRow .rgSorted,
.RadGrid_BsSkin .rgActiveRow .rgSorted,
.RadGrid_BsSkin .rgHoveredRow .rgSorted,
.RadGrid_BsSkin .rgEditRow .rgSorted
{
    background-color:#C9DEEC;
}

.RadGrid_BsSkin .rgRow a,
.RadGrid_BsSkin .rgAltRow a,
.RadGrid_BsSkin .rgEditRow a,
.RadGrid_BsSkin .rgFooter a,
.RadGrid_BsSkin .rgEditForm a
{
    color:#06c;
}

.RadGrid_BsSkin .rgSelectedRow
{
    background:#C9DEEC;
}
*+html .RadGrid_BsSkin .rgSelectedRow .rgSorted{background-color:#abdbf5}
* html .RadGrid_BsSkin .rgSelectedRow .rgSorted{background-color:#abdbf5}

.RadGrid_BsSkin .rgActiveRow,
.RadGrid_BsSkin .rgHoveredRow
{
    background:#C9DEEC 0 -2900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_BsSkin .rgActiveRow .rgSorted,
*+html .RadGrid_BsSkin .rgHoveredRow .rgSorted{background-color:#d7f0fc}
* html .RadGrid_BsSkin .rgActiveRow .rgSorted,
* html .RadGrid_BsSkin .rgHoveredRow .rgSorted{background-color:#d7f0fc}

.RadGrid_BsSkin .rgEditRow
{
    background:#C9DEEC 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_BsSkin .rgEditRow .rgSorted{background-color:#96cfee}
* html .RadGrid_BsSkin .rgEditRow .rgSorted{background-color:#96cfee}

.RadGrid_BsSkin .rgSelectedRow td,
.RadGrid_BsSkin .rgActiveRow td,
.RadGrid_BsSkin .rgHoveredRow td,
.RadGrid_BsSkin .rgEditRow td
{
    border-left:0;
    border-right:0;
    padding-left:8px;
    padding-right:8px;
}

.RadGrid_BsSkin .rgSelectedRow td
{
    border-bottom-color:#C9DEEC;
}

.RadGrid_BsSkin .rgActiveRow td,

.RadGrid_BsSkin .rgHoveredRow td
{
background-color:#C9DEEC;
}

.RadGrid_BsSkin .rgEditRow td
{
    border-bottom-color:#96cfee;
}

/*footer*/

.RadGrid_BsSkin .rgFooterDiv,
.RadGrid_BsSkin .rgFooter
{
    background:#e0e5f5;
}

.RadGrid_BsSkin .rgFooter td
{
    border-top-width:1px;
    border-color:#aec5d1 #e0e5f5 #fff #e0e5f5;
}

/*status*/

.RadGrid_BsSkin .rgPager .rgStatus
{
    width:35px;
    border:1px solid;
    border-color:#aec5d1 #9cb6c5 #fff #9cb6c5;
    border-left:0;
    padding:3px 0 2px;
}

.RadGrid_BsSkin .rgStatus 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*/

.RadGrid_BsSkin .rgPager
{
    background:#eff7fc;
}

.RadGrid_BsSkin .rgPager td
{
    padding:0;
}

.RadGrid_BsSkin .rgPager .rgPagerCell
{
    border:1px solid;
    border-color:#aec5d1 #fff #fff;
    border-right:0;
    padding:5px 0 4px;
}

.RadGrid_BsSkin .rgWrap
{
    float:left;
    padding:0 10px;
    line-height:22px;
    white-space:nowrap;
}

.RadGrid_BsSkin .rgArrPart1
{
    padding-right:0;
}

.RadGrid_BsSkin .rgArrPart2
{
    padding-left:0;
}

.RadGrid_BsSkin .rgInfoPart
{
    float:right;
    color:#8a8a8a;
}

.RadGrid_BsSkin .rgInfoPart strong
{
    font-weight:normal;
    color:#4c4e54;
}

.RadGrid_BsSkin .rgArrPart1 img,
.RadGrid_BsSkin .rgArrPart2 img
{
    margin:0 8px;
}

.RadGrid_BsSkin .rgPageFirst,
.RadGrid_BsSkin .rgPagePrev,
.RadGrid_BsSkin .rgPageNext,
.RadGrid_BsSkin .rgPageLast
{
    width:22px;
    height:22px;
    vertical-align:top;
}

.RadGrid_BsSkin .NextPrev .rgPageFirst,
.RadGrid_BsSkin .NextPrev .rgPagePrev,
.RadGrid_BsSkin .NextPrev .rgPageNext,
.RadGrid_BsSkin .NextPrev .rgPageLast
{
    vertical-align:middle;
}

.RadGrid_BsSkin .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_BsSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_BsSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_BsSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_BsSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_BsSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_BsSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_BsSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}

.RadGrid_BsSkin .rgPager .rgPagerButton
{
    height:22px;
    border:1px solid #a6d9f4;
    margin:0 14px 0 0;
    padding:0 4px 2px;
    background:#cfcfcf repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:12px/12px "segoe ui",arial,sans-serif;
    vertical-align:middle;
    cursor:pointer;
}

.RadGrid_BsSkin .rgNumPart
{
    padding:0;
}

.RadGrid_BsSkin .NumericPages .rgNumPart
{
    padding:0 10px;
}

.RadGrid_BsSkin .rgNumPart a:hover,
.RadGrid_BsSkin .rgNumPart a:hover span,
.RadGrid_BsSkin .rgNumPart a.rgCurrentPage,
.RadGrid_BsSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}

.RadGrid_BsSkin .rgNumPart a
{
    float:left;
    line-height:22px;
    margin:0;
    padding:0 5px 0 0;
    color:#000;
    text-decoration:none;
}

.RadGrid_BsSkin .rgNumPart span
{
    float:left;
    padding:0 0 0 5px;
}

.RadGrid_BsSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
    color:#06c;
}

.RadGrid_BsSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
    cursor:pointer;
}

.RadGrid_BsSkin .rgNumPart a.rgCurrentPage,
.RadGrid_BsSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
    color:#000;
    cursor:default;
}

.RadGrid_BsSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_BsSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
    cursor:default;
}

.RadGrid_BsSkin .NextPrevNumericAndAdvanced .rgAdvPart
{
    float:none;
    text-align:center;
}

.RadGrid_BsSkin .rgPager .RadSlider
{
    float:left;
    margin:0 10px 0 0;
}

.RadGrid_BsSkin .rgPager .rgPagerLabel,
.RadGrid_BsSkin .rgPager .RadComboBox,
.RadGrid_BsSkin .rgPager .RadInput_BsSkin
{
    margin:0 4px 0 0;
    vertical-align:middle;
}

*+html .RadGrid_BsSkin .rgPager .RadComboBox{margin-top:-1px}
* html .RadGrid_BsSkin .rgPager .RadComboBox{margin-top:-1px;padding:1px 0;}

.RadGrid_BsSkin .rgPagerTextBox
{
    text-align:center;
}

/*sorting, reordering*/

.RadGrid_BsSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}

.RadGrid_BsSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}

.GridReorderTop_BsSkin,
.GridReorderBottom_BsSkin
{
    width:9px !important;
    height:9px !important;
    margin-left:-5px;
    background:0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_BsSkin
{
    background-position:0 -50px;
}

/*filtering*/

.RadGrid_BsSkin .rgFilterRow
{
    background:#ebeef6;
}

.RadGrid_BsSkin .rgFilterRow td
{
    padding-top:5px;
    padding-bottom:6px;
    border-left:1px solid #ededed;
    border-right:1px solid #fff;
}

.RadGrid_BsSkin .rgFilter
{
    width:22px;
    height:22px;
    margin:0 0 0 2px;
    background-position:0 -300px;
}

.RadGrid_BsSkin .rgFilter:hover
{
    background-position:0 -350px;
}

.RadGrid_BsSkin .rgFilterActive,
.RadGrid_BsSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}

.RadGrid_BsSkin .rgFilterBox
{
    border:1px solid;
    border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    padding:2px 1px 3px;
    font:12px "segoe ui",arial,sans-serif;
    color:#333;
    vertical-align:middle;
}

/*grouping*/

.RadGrid_BsSkin .rgGroupPanel
{
    border:1px solid;
    border-color:#eaedf6 #f2f5fa #9cb6c5;
    background:#e6ebf5 0 -1900px repeat-x url('Grid/sprite.gif');
}

.RadGrid_BsSkin .rgGroupPanel td
{
    border:0;
    border-bottom:1px solid #f2f5fa;
    padding:0;
}

.RadGrid_BsSkin .rgGroupPanel td td
{
    border:0;
    padding:2px 3px 1px;
}

.RadGrid_BsSkin .rgGroupPanel td td td
{
    padding:0;
}

.RadGrid_BsSkin .rgGroupPanel .rgSortAsc
{
    background-position:4px -144px;
}

.RadGrid_BsSkin .rgGroupPanel .rgSortDesc
{
    background-position:4px -94px;
}

.RadGrid_BsSkin .rgUngroup
{
    background-position:0 -7200px;
}

.RadGrid_BsSkin .rgGroupItem
{
    border:1px solid;
    border-color:#8a929e #9298a1 #9298a1;
    padding:0 2px 1px 3px;
    background:#e6ebf5 0 -7000px repeat-x url('Grid/sprite.gif');
    line-height:20px;
    font-weight:normal;
    vertical-align:middle;
}

.RadGrid_BsSkin .rgGroupHeader
{
    background:0 -6489px repeat-x url('Grid/sprite.gif');
    font-size:1.1em;
    line-height:21px;
    color:#039;
}

.RadGrid_BsSkin .rgGroupHeader td
{
    padding:0 8px;
}

.RadGrid_BsSkin .rgGroupHeader .rgGroupCol
{
    background:#fff none;
}

.RadGrid_BsSkin .rgExpand
{
    background-position:5px -496px;
}

.RadGrid_BsSkin .rgCollapse
{
    background-position:3px -444px;
}

.RadGrid_BsSkin .rgGroupHeader .rgExpand,
.RadGrid_BsSkin .rgGroupHeader .rgCollapse
{
    background-color:#fff;
}

.RadGrid_BsSkin .rgGroupHeader td p
{
    display:inline;
    margin:0;
    padding:0 10px;
    background:#fff;
}

.RadGrid_BsSkin .rgGroupHeader td div div
{
    top:-0.8em;
    padding:0 10px;
    background:#fff;
}

.RadGrid_BsSkin .rgGroupHeader td div div div
{
    top:0;
    padding:0;
    border:0;
}

/*editing*/

.RadGrid_BsSkin .rgEditForm
{
    border-bottom:1px solid #ededed;
}

.RadGrid_BsSkin .rgUpdate
{
    background-position:0 -1800px;
}

.RadGrid_BsSkin .rgCancel
{
    background-position:2px -1848px;
}

/*hierarchy*/

.RadGrid_BsSkin .rgDetailTable
{
    border:1px solid #ededed;
    border-right-width:0;
}

/*command row*/

.RadGrid_BsSkin .rgCommandRow
{
    background:#4e96aa 0 -2099px repeat-x url('Grid/sprite.gif');
    color:#fff;
}

.RadGrid_BsSkin .rgCommandCell
{
    border:1px solid;
    border-color:#000 #75a4b7 #000;
    padding:0;
}

.RadGrid_BsSkin .rgCommandTable td
{
    border:0;
    padding:3px 7px 4px;
}

.RadGrid_BsSkin .rgCommandTable
{
    border:0;
    border-top:1px solid #b2ccd8;
    border-bottom:1px solid #95c3ce;
}

.RadGrid_BsSkin .rgCommandRow a
{
    color:#fff;
    text-decoration:none;
}

.RadGrid_BsSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
}

.RadGrid_BsSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
}

.RadGrid_BsSkin .rgEdit
{
    background-position:0 -1700px;
}

.RadGrid_BsSkin .rgDel
{
    background-position:0 -1750px;
}

.RadGrid_BsSkin .rgExpXLS,
.RadGrid_BsSkin .rgExpDOC,
.RadGrid_BsSkin .rgExpPDF,
.RadGrid_BsSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}

.RadGrid_BsSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_BsSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_BsSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_BsSkin .rgExpCSV
{
    background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_BsSkin
{
    background:#039;
}

/*row drag n drop*/

.GridItemDropIndicator_BsSkin
{
    border-top:1px dashed #039;
}

/*tooltip*/

.GridToolTip_BsSkin
{
    border:1px solid #767676;
    padding:3px;
    background:#e4e5f0;
    color:#000;
}

/*rtl*/

.RadGridRTL_BsSkin .rgHeader,
.RadGridRTL_BsSkin .rgResizeCol
{
    text-align:right;
}

.RadGridRTL_BsSkin .rgHeader:first-child,
.RadGridRTL_BsSkin th.rgResizeCol:first-child,
.RadGridRTL_BsSkin .rgFilterRow>td:first-child,
.RadGridRTL_BsSkin .rgRow>td:first-child,
.RadGridRTL_BsSkin .rgAltRow>td:first-child
{
    border-left:1px solid;
    padding-left:7px;
}

.RadGridRTL_BsSkin .rgPager .rgStatus
{
    border-right:0;
    border-left-width:1px;
}

.RadGridRTL_BsSkin .rgWrap
{
    float:right;
}

.RadGridRTL_BsSkin .rgInfoPart
{
    float:left;
}

.RadGridRTL_BsSkin .rgNumPart
{
    width:220px;
}

.RadGridRTL_BsSkin .rgNumPart a
{
    float:right;
}

.RadGridRTL_BsSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_BsSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_BsSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_BsSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_BsSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_BsSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_BsSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_BsSkin .rgPageLast:hover
{
    background-position:0 -600px;
}

.RadGridRTL_BsSkin .rgDetailTable
{
    border-right-width:1px;
    border-left-width:0;
}
just can you help me fix the problem i have attached an image that shows the problem
Dimo
Telerik team
 answered on 08 Apr 2010
3 answers
271 views
I have been having some issues using the RadWindow as a container with a custom control.  The control has a button that searches Active Directory users and it populates a listbox.  The indexchange event of the list box should close the window and return properties of the user selected.  However, whenever I click the button to search for a user, the window closes.  How can this be prevented?

<telerik:RadWindow runat="server" Behavior="Default" InitialBehavior="None" Left="" 
        Style="display: none;" Title="User Search" Top="" ID="popupSearch" OpenerElementID="btnSearch" 
        Behaviors="Close, Move" Height="325px" Width="350px" Modal="True">  
        <ContentTemplate> 
            <cc1:UserSearchBox ID="UserSearchBox1" runat="server"></cc1:UserSearchBox> 
        </ContentTemplate> 
    </telerik:RadWindow> 
Georgi Tunev
Telerik team
 answered on 08 Apr 2010
7 answers
171 views
Hi,

I have one problem with alignment in last q1.2010. After setting Align="Justify" in tag or server side using demo i not have any align. I have build one tab using webservices client side and added to page. The page have a small tag with normal declarations.

  <telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
     OnClientTabSelecting="onTabSelecting"  
     OnClientTabSelected="OnClientTabSelected"  
     OnClientLoad="onLoad" 
     skin="Telerik"  
     Align="Justify" 
     > 
     </telerik:RadTabStrip>  

server side
RadTabStrip1.Align = (TabStripAlign)(Enum.Parse(typeof(TabStripAlign), "Justify"));
  
Tabs added using webservices client side
    
Some issue?.
Regards
Yana
Telerik team
 answered on 08 Apr 2010
3 answers
309 views

Hello, and thanks ahead.

 

I am using RAD  ASP.NET AJAX  Q3 2009 NET 3.5
Visual Basic
Visual Studio 2008
 

I have an ASPX page with a RADGRID, a RADTABSTRIP, and a RADMULTIPAGE.

 

I have three pages in the multipage.

 

RADPAGEVIEW1  has a Form View

RADPAGEVIEW 2 has a Form View

RADPAGEVIEW 3 has a RADGRID

 

When the page loads, the first RADGRID acts as a master grid and when a user selects a row, all of the form views and the other RADGRIDS update perfectly. (Great product by the way.)

 

On RADPAGEVIEW 3 I have a button that opens a new window to add a record to a table. (It actually uploads an image to a folder and adds the details to the table. When the user has finished uploading the image, the SAVE button closes the window and refreshes the Parent with the Grids and Page Views. Using:


 Dim sbScript As New StringBuilder()  
        sbScript.Append("<script language=javascript>")  
        sbScript.Append("window.opener.document.forms[0].submit();")  
        sbScript.Append("self.close();")  
        sbScript.Append("</script>")  
        ScriptManager.RegisterStartupScript(MeMe.[GetType](), "@@@@MyPopUpScript", sbScript.ToString(), False)

 

What I would like to do, is when the page with the Grid and Page Views reloads, I would like for the data to refresh using the current data without passing anything from the closing window. Basically I want to just refresh the data and have it redisplay showing the new inserted record.

 

I am hoping it can be something simple like during INIT and just refresh the page.

 

Thanks in advance.



Code that calls the popup window


 

Imports System.Data  
Imports System.Data.SqlClient  
Imports Telerik.Web.UI  
Imports System.CodeDom  
Imports System.Web  
 
Partial Class terminal  
    Inherits System.Web.UI.Page  
 
 
    Protected Sub Page_PreRender(ByVal sender As ObjectByVal e As System.EventArgs) Handles Me.PreRender  
        If RadGrid1.SelectedIndexes.Count = 0 Then 
            RadGrid1.SelectedIndexes.Add(0)  
        End If 
    End Sub 
 
    Protected Sub btn_AddVehicleImage_Click(ByVal sender As ObjectByVal e As System.EventArgs) Handles btn_AddVehicleImage.Click  
        Dim IDProfilefleet As String = Request.QueryString("IDProfilefleet")  
        Dim IDProfileTerminal As String = Request.QueryString("IDProfileTerminal")  
        Dim IDProfileAccount As String = Request.QueryString("IDProfileAccount")  
        Dim IDVehicles As Label = CType(FormView2.FindControl("lbl_IDVeh"), Label)  
        Dim sbScript As New StringBuilder()  
 
        sbScript.Append("<script language='javascript'>")  
        sbScript.Append("window.open('")  
        sbScript.Append("../../imagemanager/imageupload.aspx?IDProfilefleet=" & IDProfilefleet & "&IDProfileTerminal=" & IDProfileTerminal & "&IDProfileAccount=" & IDProfileAccount & "&IDVehicles=" & IDVehicles.Text)  
        sbScript.Append("', 'CustomPopUp',")  
        sbScript.Append("'width=800, height=600, menubar=yes, resizable=yes');<")  
        sbScript.Append("/script>")  
 
        ' Make use ScriptManager to register the script  
        ScriptManager.RegisterStartupScript(MeMe.[GetType](), "@@@@MyPopUpScript", sbScript.ToString(), False)  
 
 
    End Sub 
 
 
 
End Class 
 
 
 
 


Code tha closes the popup window and refreshes parent page

Imports System.Data  
Imports System.Data.SqlClient  
Imports Radactive.WebControls.ILoad  
Imports Radactive.WebControls.ILoad.Configuration  
 
Partial Public Class ImageUpload_Detail  
    Inherits System.Web.UI.Page  
 
 
 
    Protected Sub Page_Load(ByVal sender As ObjectByVal e As System.EventArgs) Handles Me.Load  
 
        hf_IDProfileTerminal.Text = Request.QueryString("IDProfileTerminal")  
        hf_IDProfileAccount.Text = Request.QueryString("IDProfileAccount")  
        hf_IDProfileFleet.Text = Request.QueryString("IDProfileFleet")  
        hf_IDVehicles.Text = Request.QueryString("IDVehicles")  
 
        If (Not Me.IsPostBack) Then 
            ' Setup the I-Load configuration  
 
            ' Setup the control internal code / title  
            Me.CF_ImageUpload.Configuration.InternalCode = Director.Ex_E_101_ILoad1_InternalCode  
            Me.CF_ImageUpload.Configuration.Title = "Image Upload" 
            ' Setup the lightbox window mode  
            Me.CF_ImageUpload.WindowMode = ILoadWindowMode.Lightbox  
            ' Create a new image definition and add it to the I-Load configuration  
            Dim definition1 As WebImageDefinition = New WebImageDefinition("Default""Default")  
            Me.CF_ImageUpload.Configuration.WebImageDefinitions.Clear()  
            Me.CF_ImageUpload.Configuration.WebImageDefinitions.Add(definition1)  
 
 
            ' Automatic Image Resize (Image is resized proportianlly to a max size of 800x600)  
            Dim resize1 As WebImageResizeDefinition = New WebImageResizeDefinition("Thumbnail 1""Image")  
            definition1.ResizeDefinitions.Add(resize1)  
            resize1.Mode = Radactive.WebControls.ILoad.Core.Drawing.ImageResizeMode.Adaptive  
            resize1.AdaptiveMaxSize = New System.Drawing.Size(800, 600)  
 
 
            ' Automatic thumbanil #2 (Adaptive 100x100)  
            Dim resize2 As WebImageResizeDefinition = New WebImageResizeDefinition("Thumbnail 2""Thumb")  
            definition1.ResizeDefinitions.Add(resize2)  
            resize2.Mode = Radactive.WebControls.ILoad.Core.Drawing.ImageResizeMode.Adaptive  
            resize2.AdaptiveMaxSize = New System.Drawing.Size(100, 100)  
 
 
 
            ' Initialization  
            If (Not String.IsNullOrEmpty(Request.QueryString("IDImages"))) Then 
                ' UPDATE...  
 
 
 
                ' Load the database data  
                Using connection As SqlConnection = Director.GetNewOpenDbConnection()  
                    Using command As SqlCommand = connection.CreateCommand()  
                        command.CommandType = CommandType.Text  
                        command.CommandText = "SELECT [Title, FileName, ThumbnailName] FROM [CF_Images] WHERE [IDImages]=@IDImages" 
                        command.Parameters.AddWithValue("@Id"Me.RecordId)  
 
                        Using reader As SqlDataReader = command.ExecuteReader()  
                            If (reader.Read()) Then 
                                ' Record found  
 
 
                                Me.txtTitle.Text = Convert.ToString(reader("Title"))  
                            Else 
                                ' Record not found, return to list  
                                Response.Redirect("images.aspx"True)  
                                Return 
                            End If 
                        End Using  
                    End Using  
                End Using  
 
                ' Get the imageId  
                Dim imageId As String = Me.RecordId.ToString()  
 
                ' Check if Picture1 exists  
                If (WebImage.ExistsInFileSystem(Director.ImageRepositoryFolder, imageId)) Then 
                    ' Picture1 found...  
 
                    ' Load picture1  
                    Me.CF_ImageUpload.Value = WebImage.LoadFromFileSystem(Director.ImageRepositoryFolder, imageId)  
                End If 
            Else 
                ' INSERT...  
 
                Me.RecordId = 0  
 
 
            End If 
        End If 
 
    End Sub 
 
    ' Gets or sets the record id  
    Public Property RecordId() As Integer 
        Get 
            If (Not (Me.ViewState("RecordId"Is Nothing)) Then 
                Return DirectCast(Me.ViewState("RecordId"), Integer)  
            Else 
                Return 0  
            End If 
        End Get 
        Set(ByVal value As Integer)  
            Me.ViewState("RecordId") = value  
        End Set 
    End Property 
 
    Protected Sub cancelButton_Click(ByVal sender As ObjectByVal e As System.EventArgs)  
        ' Cancel - Return to list  
        Response.Redirect("imageupload.aspx")  
    End Sub 
 
    Protected Sub saveButton_Click(ByVal sender As ObjectByVal e As System.EventArgs) Handles saveButton.Click  
        ' Save the record  
        ' Validate   
        If (Not Me.IsValid) Then 
            Return 
        End If 
 
        If (Me.RecordId <> 0) Then 
            ' UPDATE...  
 
            Using connection As SqlConnection = Director.GetNewOpenDbConnection()  
                ' Update the record  
                Using command As SqlCommand = connection.CreateCommand()  
                    command.CommandType = CommandType.Text  
                    command.CommandText = "UPDATE [CF_Images] SET [Title]=@Title WHERE [IDImages]=@IDImages" 
                    command.Parameters.AddWithValue("@Title"Me.txtTitle.Text)  
                    command.Parameters.AddWithValue("@IDImages"Me.RecordId)  
 
                    command.ExecuteNonQuery()  
                End Using  
            End Using  
        Else 
            ' INSERT...  
 
            Using connection As SqlConnection = Director.GetNewOpenDbConnection()  
                ' Insert the new record  
                Using command As SqlCommand = connection.CreateCommand()  
                    command.CommandType = CommandType.Text  
                    command.CommandText = "INSERT INTO [CF_Images] ([Title]) VALUES (@Title)" 
                    command.Parameters.AddWithValue("@Title"Me.txtTitle.Text)  
 
                    command.ExecuteNonQuery()  
                End Using  
 
                ' Get the new record id  
                Using command As SqlCommand = connection.CreateCommand()  
                    command.CommandType = CommandType.Text  
                    command.CommandText = "SELECT @@IDENTITY" 
 
                    Me.RecordId = Convert.ToInt32(command.ExecuteScalar())  
                End Using  
            End Using  
        End If 
 
        ' Get the image id  
        Dim imageId As String = Me.RecordId.ToString()  
 
        ' Update image files in the file system  
        'WebImage.SynchronizeFileSystem(Me.picture1.Value, Director.ImageRepositoryFolder, imageId)  
        Me.CF_ImageUpload.SynchronizeFileSystem(Director.ImageRepositoryFolder, imageId)  
 
        ' Get the file names ---------------------------------------------------  
        Dim selectedImage_FileName As String 
        Dim thumbnail1_FileName As String 
        Dim thumbnail2_FileName As String 
        Dim UserID As String 
        Dim IDProfileTerminal As String 
        Dim IDProfileAccount As String 
        Dim IDProfileFleet As String 
        Dim IDVehicles As String 
 
 
 
        If (Not (CF_ImageUpload.Value Is Nothing)) Then 
            ' An image has been selected...  
            thumbnail1_FileName = CF_ImageUpload.Value.Resizes("Image").FileName  
            thumbnail2_FileName = CF_ImageUpload.Value.Resizes("Thumb").FileName  
            UserID = Session("UserID")  
            IDProfileTerminal = Request.QueryString("IDProfileTerminal")  
            IDProfileAccount = Request.QueryString("IDProfileAccount")  
            IDProfileFleet = Request.QueryString("IDProfileFleet")  
            IDVehicles = Request.QueryString("IDVehicles")  
 
        Else 
            ' No image selected  
            selectedImage_FileName = "" 
            thumbnail1_FileName = "" 
            thumbnail2_FileName = "" 
            UserID = "" 
            IDProfileTerminal = "" 
            IDProfileAccount = "" 
            IDProfileFleet = "" 
            IDVehicles = "" 
        End If 
        '----------------------------------------------------------------------  
 
        ' Save the file names -------------------------------------------------  
        Using connection As SqlConnection = Director.GetNewOpenDbConnection()  
            ' Update the record  
            Using command As SqlCommand = connection.CreateCommand()  
                command.CommandType = CommandType.Text  
                command.CommandText = "UPDATE [CF_Images] SET [FileName]=@thumbnail1_FileName, [ThumbnailName]=@thumbnail2_FileName, [UserID]=@UserID, [IDModifiedUser]=@IDModifiedUser, [IDProfileTerminal]=@IDProfileTerminal, [IDProfileAccount]=@IDProfileAccount, [IDProfileFleet]=@IDProfileFleet, [IDVehicles]=@IDVehicles WHERE [IDImages]=@IDImages" 
                command.Parameters.AddWithValue("@thumbnail1_FileName", thumbnail1_FileName)  
                command.Parameters.AddWithValue("@thumbnail2_FileName", thumbnail2_FileName)  
                command.Parameters.AddWithValue("@IDImages"Me.RecordId)  
                command.Parameters.AddWithValue("@UserID", UserID)  
                command.Parameters.AddWithValue("@IDModifiedUser", UserID)  
                command.Parameters.AddWithValue("@IDProfileTerminal", IDProfileTerminal)  
                command.Parameters.AddWithValue("@IDProfileAccount", IDProfileAccount)  
                command.Parameters.AddWithValue("@IDProfileFleet", IDProfileFleet)  
                command.Parameters.AddWithValue("@IDVehicles", IDVehicles)  
                command.ExecuteNonQuery()  
            End Using  
        End Using  
        '----------------------------------------------------------------------  
 
        ' All done - Return to list  
        Dim sbScript As New StringBuilder()  
        sbScript.Append("<script language=javascript>")  
        sbScript.Append("window.opener.document.forms[0].submit();")  
        sbScript.Append("self.close();")  
        sbScript.Append("</script>")  
        ScriptManager.RegisterStartupScript(MeMe.[GetType](), "@@@@MyPopUpScript", sbScript.ToString(), False)  
 
 
    End Sub 
 
    Protected Sub CF_ImageUpload_ValueChanged(ByVal sender As ObjectByVal e As Radactive.WebControls.ILoad.ILoadValueChangedEventArgs) Handles CF_ImageUpload.ValueChanged  
 
    End Sub 
 
End Class 
 
 
 

Martin
Telerik team
 answered on 08 Apr 2010
3 answers
78 views
I'm in the midst of ensuring XHTML compliance against the validator at: http://validator.w3.org (the definitive validator IMHO).

The following is being correctly identifed as being invalid:

<div id="ctl00_MainContent_AlertsCardGrid" class="RadGrid RadGrid_Office2007">
<!-- 2009.3.1314.35 --><table cellspacing="0" accesskey="T" . . .



Access key is NOT VALID on a <table> element.

I have done a workaround for this issue by using a <a> element. One possible correct solution is shown below


<div id="ctl00_MainContent_AlertsCardGrid" class="RadGrid RadGrid_Office2007"> <!-- 2009.4.1914.35 --><a accesskey="T" name="AccountSummaryGrid"></a>
<table cellspacing="0" . . .




This issue is in other Telerik Controls (and rampant in Microsoft's AspNet Control!)
"

The following elements support the accesskey attribute: A, AREA, BUTTON, INPUT, LABEL, and LEGEND, and TEXTAREA."
from http://www.w3.org/TR/html401/interact/forms.html#h-17.11.2. Placing it on ANY OTHER ELEMENTS will cause the page to fail validation.







Dimo
Telerik team
 answered on 08 Apr 2010
2 answers
79 views
I all,

I have a custom javascript function in the MOSSEditorTools.js file and it used to work fine. But since I've upgraded to the V5.7.1.0 version I'm having a javascript error saying OnClientPasteHtml is undefined...

When I check the source, the page is referencing the MOSSEditorTools.js at the right location (/_wpresources/RadEditorSharePoint/5.7.1.0__1f131a624888eeed/Resources/MOSSEditorTools.js) and the MOSSEditorTools.js does contain my custom function.

What am I missing ?!
Sébastien Nunes
Top achievements
Rank 1
 answered on 08 Apr 2010
1 answer
127 views

Requirements

RadControls version

Q3 2008

.NET version

3.5

Visual Studio version

2008 SP1

programming language

C#

browser support

all browsers supported by RadControls


PROJECT DESCRIPTION 
Allow user drag-drop columns in grid. Then reorder columns in grid.  The columns should be reordered on the server-side. When the columns are reordered it will save the new order to the CustomColumns table in Sequence field.
Yavor
Telerik team
 answered on 08 Apr 2010
1 answer
146 views
Hi,

Due to certain constraints, I am required to have AjaxUpdatePanel and RadAjaxLoadingPanel. Is it possible to show a loading image as in the attachement. My requirement is that, when an request happens, the loading image must appear, and during this time, the user should not be allowed to click any other controls in the page.

Thanks
Sarvanan
Princy
Top achievements
Rank 2
 answered on 08 Apr 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?