Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
281 views
Hello,

I am using Q1 2010 telerik controls with IE 8 browser. I have faced UI problem please see the attached image circled.
Dimo
Telerik team
 answered on 08 Apr 2010
1 answer
115 views
I am evaulating radgrid and it's client side functionality for databinding.

My grid is calling a web method and retireves the required data just fine.

I found that when I setup client binding (declarative) as oppoes to standard binding on the server, the edit form no longer appears when the add new record or edit buttons of the grid are clicked. I created a javascript function to call showinsertitem(), but I get a out of memory error with that. is the showinsertitem functional? (using q1 2010 version).

what I would like to do is call another aspx.net page when the add new record or edit buttons are clicked.. is there an example of this?

is it possible to put a custom button in the grid that would do post backs, so I could perfrom server c# functionality?

Thanks in advance
Tsvetoslav
Telerik team
 answered on 08 Apr 2010
0 answers
98 views
its done..thx
bharat kumar
Top achievements
Rank 1
 asked on 08 Apr 2010
1 answer
88 views
Hi,
Im using a self referencing grid. When there are no child records im hiding the expand/collpase button, but still there is a empty coloured row displayed below the child row(See blue coloured row in the attachment). I dont need that empty row to be displayed.
Can anyone help me out???

PFA the grid image

Regards,
Krishnan
Dimo
Telerik team
 answered on 08 Apr 2010
1 answer
123 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
151 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
157 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
286 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
180 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
322 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(Me, Me.[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 Object, ByVal 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 Object, ByVal 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(Me, Me.[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 Object, ByVal 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 Object, ByVal e As System.EventArgs)  
        ' Cancel - Return to list  
        Response.Redirect("imageupload.aspx")  
    End Sub 
 
    Protected Sub saveButton_Click(ByVal sender As Object, ByVal 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(Me, Me.[GetType](), "@@@@MyPopUpScript", sbScript.ToString(), False)  
 
 
    End Sub 
 
    Protected Sub CF_ImageUpload_ValueChanged(ByVal sender As Object, ByVal e As Radactive.WebControls.ILoad.ILoadValueChangedEventArgs) Handles CF_ImageUpload.ValueChanged  
 
    End Sub 
 
End Class 
 
 
 

Martin
Telerik team
 answered on 08 Apr 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?