Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,761 questions
6 answers
154 views
Grid CommandItem alignment
I am having trouble getting the commanditem to align with the rest of the grid.
Please see the attached screenshot.

Below is my grid css
/*Telerik RadGrid Telerik Skin*/
 
/*global*/
 
.RadGrid_MBen
{
    border:0px !important;
    background:#fff;
    color:#000;
}
 
.RadGrid_MBen, .RadGrid_MBen .rgMasterTable, .RadGrid_MBen .rgDetailTable, .RadGrid_MBen .rgGroupPanel table, .RadGrid_MBen .rgCommandRow table, .RadGrid_MBen .rgEditForm table, .RadGrid_MBen .rgPager table, .GridToolTip_MBen
{
    font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 0px;
    border-top: 0px;
    border: thin solid #FFF;
}
 
.rgCommandRow table
{
    border-bottom: thin none #FFF;
    border-bottom-width: 0px !important;
}
 
.RadGrid_MBen .rgAdd,
.RadGrid_MBen .rgRefresh,
.RadGrid_MBen .rgEdit,
.RadGrid_MBen .rgDel,
.RadGrid_MBen .rgFilter,
.RadGrid_MBen .rgPagePrev,
.RadGrid_MBen .rgPageNext,
.RadGrid_MBen .rgPageFirst,
.RadGrid_MBen .rgPageLast,
.RadGrid_MBen .rgExpand,
.RadGrid_MBen .rgCollapse,
.RadGrid_MBen .rgSortAsc,
.RadGrid_MBen .rgSortDesc,
.RadGrid_MBen .rgUpdate,
.RadGrid_MBen .rgCancel,
.RadGrid_MBen .rgUngroup,
.RadGrid_MBen .rgExpXLS,
.RadGrid_MBen .rgExpDOC,
.RadGrid_MBen .rgExpPDF,
.RadGrid_MBen .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
 
/*header*/
 
.RadGrid_MBen .rgHeaderDiv
{
    background:#eee 0 -8050px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
    background-position:0 -7550px;
}
 
.RadGrid_MBen .rgHeader, .RadGrid_MBen th.rgResizeCol
{
    background-position: 0 100%;
    background: #4c6696 repeat-x 0 100%;
    height: 16px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 1px 2px 1px 2px !important;
    font-size: 10px;
    border-top-color: #4c6696;
    border-right-color: #ffffff;
    border-bottom-color: #4c6696;
    border-width: 0px 1px 0px 0px;
    border-right-style: solid;
}
 
.RadGrid_MBen th.rgSorted
{
    background-color:#a6e193;
    background-position:0 -2600px;
}
 
.RadGrid_MBen .rgHeader, .RadGrid_MBen .rgHeader a
{
    color: #ffffff;
    font-weight:bold;
}
 
/*rows*/
 
.RadGrid_MBen .rgRow td,
.RadGrid_MBen .rgAltRow td,
.RadGrid_MBen .rgEditRow td,
.RadGrid_MBen .rgFooter td
{
    border-style:solid;
    border-width:0 0 1px 0;
    padding: 2px 2px 2px 2px;
}
 
.RadGrid_MBen .rgRow td
{
    border-color:#fff;
}
 
.RadGrid_MBen .rgAltRow
{
    background: #b3bdd2;
}
 
.RadGrid_MBen .rgAltRow td
{
    border-color:#b3bdd2;
}
 
.RadGrid_MBen .rgRow .rgSorted,
.RadGrid_MBen .rgAltRow .rgSorted
{
    border-color:#d7f8cc;
    background-color:#d7f8cc;
}
 
.RadGrid_MBen .rgSelectedRow .rgSorted,
.RadGrid_MBen .rgActiveRow .rgSorted,
.RadGrid_MBen .rgHoveredRow .rgSorted,
.RadGrid_MBen .rgEditRow .rgSorted
{
    background-color:transparent;
}
 
.RadGrid_MBen .rgRow a, .RadGrid_MBen .rgAltRow a, .RadGrid_MBen .rgEditRow a, .RadGrid_MBen .rgEditForm a
{
    color: #005BE6;
}
 
 
.RadGrid_MBen .rgFooter a
{
    color: #ffffff;
    font-weight:bold;
}
 
.RadGrid_MBen .rgSelectedRow
{
    background:#63ac38 0 -3900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_MBen .rgSelectedRow .rgSorted{background-color:#63ac38}
* html .RadGrid_MBen .rgSelectedRow .rgSorted{background-color:#63ac38}
 
.RadGrid_MBen .rgActiveRow,
.RadGrid_MBen .rgHoveredRow
{
    background:#a2ea8b 0 -2900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_MBen .rgActiveRow .rgSorted,
*+html .RadGrid_MBen .rgHoveredRow .rgSorted{background-color:#a2ea8b}
* html .RadGrid_MBen .rgActiveRow .rgSorted,
* html .RadGrid_MBen .rgHoveredRow .rgSorted{background-color:#a2ea8b}
 
.RadGrid_MBen .rgEditRow
{
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_MBen .rgEditRow .rgSorted{background-color:#fff}
* html .RadGrid_MBen .rgEditRow .rgSorted{background-color:#fff}
 
.RadGrid_MBen .rgActiveRow td,
.RadGrid_MBen .rgActiveRow td.rgSorted,
.RadGrid_MBen .rgHoveredRow td,
.RadGrid_MBen .rgHoveredRow td.rgSorted
{
    border-bottom-color:#28a800;
}
 
.RadGrid_MBen .rgSelectedRow td,
.RadGrid_MBen .rgSelectedRow td.rgSorted
{
    border-bottom-color:#155800;
}
 
.RadGrid_MBen .rgEditRow td,
.RadGrid_MBen .rgEditRow td.rgSorted
{
    border-bottom-color:#333;
}
 
.RadGrid_MBen .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}
 
/*footer*/
 
.RadGrid_MBen .rgFooterDiv, .RadGrid_MBen .rgFooter
{
    background-position: #4c6696;
    background: #4c6696;
}
 
.RadGrid_MBen .rgFooter td
{
    border-top:1px solid #828282;
    border-bottom:1px solid #fff;
}
 
/*status*/
 
.RadGrid_MBen .rgStatus
{
    border:1px solid;
    border-color:#828282 #c9c9c9 #eee #c9c9c9;
    border-left-width:0;
}
 
.RadGrid_MBen .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
 
/*pager*/
 
.RadGrid_MBen .rgPager
{
    background:#eee;
}
 
.RadGrid_MBen td.rgPagerCell
{
    border:1px solid;
    border-color:#828282 #eee #eee;
    border-right-width:0;
}
 
.RadGrid_MBen .rgInfoPart
{
    color:#8a8a8a;
}
 
.RadGrid_MBen .rgInfoPart strong
{
    color:#4c4e54;
}
 
.RadGrid_MBen .rgPageFirst
{
    background-position:0 -550px;
}
.RadGrid_MBen .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_MBen .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_MBen .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_MBen .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_MBen .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_MBen .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_MBen .rgPageLast:hover
{
    background-position:0 -1050px;
}
 
.RadGrid_MBen .rgPager .rgPagerButton
{
    border-color:#d0d0d0 #aeaeae #8b8b8b;
    background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:12px/12px Verdana, Arial, Helvetica, sans-serif;
}
 
.RadGrid_MBen .rgNumPart a:hover,
.RadGrid_MBen .rgNumPart a:hover span,
.RadGrid_MBen .rgNumPart a.rgCurrentPage,
.RadGrid_MBen .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
}
 
.RadGrid_MBen .rgNumPart a
{
    color:#000;
}
 
.RadGrid_MBen .rgNumPart a:hover
{
    background-position:100% -1250px;
}
 
.RadGrid_MBen .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
 
.RadGrid_MBen .rgNumPart a.rgCurrentPage,
.RadGrid_MBen .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
 
.RadGrid_MBen .rgNumPart a.rgCurrentPage span,
.RadGrid_MBen .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
 
/*sorting, reordering*/
 
.RadGrid_MBen .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
 
.RadGrid_MBen .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
 
.GridReorderTop_MBen,
.GridReorderBottom_MBen
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
 
.GridReorderBottom_MBen
{
    background-position:0 -50px;
}
 
/*filtering*/
 
.RadGrid_MBen .rgFilterRow
{
    background:#eee;
}
 
.RadGrid_MBen .rgFilterRow td
{
    border-bottom:1px solid #828282;
    padding:2px;
}
 
.RadGrid_MBen .rgFilter
{
    background-position:0 -300px;
}
 
.RadGrid_MBen .rgFilter:hover
{
    background-position:0 -350px;
}
 
.RadGrid_MBen .rgFilterActive,
.RadGrid_MBen .rgFilterActive:hover
{
    background-position:0 -400px;
}
 
.RadGrid_MBen .rgFilterBox
{
    border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
}
 
/*filter context menu*/
 
.RadMenu_MBen .rgHCMClear,
.RadMenu_MBen .rgHCMFilter
{
    border-color:#ccc #999 #a8a8a8;
    background:#eee center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#000;
    font-family:"segoe ui",arial,sans-serif;
}
 
.RadMenu_MBen .rgHCMClear:hover,
.RadMenu_MBen .rgHCMFilter:hover
{
    border-color:#2ebf00 #2bb500 #28a800;
    background-position:center -67px;
    background-color:#a2ea8b;
}
 
/*context menu*/
 
.GridContextMenu_MBen .rmLeftImage
{
    background-image:url('../Common/Grid/contextMenu.gif');
}
 
.GridContextMenu_MBen .rgHCMSortAsc .rmLeftImage
{
    background-position:0 0;
}
 
.GridContextMenu_MBen .rgHCMSortDesc .rmLeftImage
{
    background-position:0 -40px;
}
 
.GridContextMenu_MBen .rgHCMUnsort .rmLeftImage
{
    background-position:0 -80px;
}
 
.GridContextMenu_MBen .rgHCMGroup .rmLeftImage
{
    background-position:0 -120px;
}
 
.GridContextMenu_MBen .rgHCMUngroup .rmLeftImage
{
    background-position:0 -160px;
}
 
.GridContextMenu_MBen .rgHCMCols .rmLeftImage
{
    background-position:0 -200px;
}
 
.GridContextMenu_MBen .rgHCMFilter .rmLeftImage
{
    background-position:0 -240px;
}
 
.GridContextMenu_MBen .rgHCMUnfilter .rmLeftImage
{
    background-position:0 -280px;
}
 
/*grouping*/
 
.RadGrid_MBen .rgGroupPanel
{
    border:0;
    border-bottom:1px solid #828282;
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_MBen .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}
 
.RadGrid_MBen .rgGroupPanel td td
{
    padding:0;
}
 
.RadGrid_MBen .rgGroupPanel .rgSortAsc
{
    background-position:4px -143px;
}
 
.RadGrid_MBen .rgGroupPanel .rgSortDesc
{
    background-position:4px -93px;
}
 
.RadGrid_MBen .rgUngroup
{
    background-position:0 -7498px;
}
 
.RadGrid_MBen .rgGroupItem
{
    border:1px solid;
    border-color:#d0d0d0 #bdbdbd #8a8a8a;
    background:#e8e8e8 0 -6500px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_MBen .rgMasterTable td.rgGroupCol, .RadGrid_MBen .rgMasterTable td.rgExpandCol
{
    background-position: #FFFFFF none;
    background: #FFFFFF none;
}
 
.RadGrid_MBen .rgGroupHeader,
.RadGrid_MBen .rgGroupHeader td.rgGroupCol
{
    background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_MBen .rgGroupHeader
{
    font-size:1.1em;
    line-height:21px;
}
 
.RadGrid_MBen .rgGroupHeader td
{
    border-bottom:1px solid #98ec7d;
}
 
.RadGrid_MBen .rgExpand
{
    background-position:5px -496px;
}
 
.RadGrid_MBen .rgCollapse
{
    background-position:3px -444px;
}
 
/*editing*/
 
.RadGrid_MBen .rgEditForm
{
    border-bottom:1px solid #828282;
}
 
.RadGrid_MBen .rgUpdate
{
    background-position:0 -1800px;
}
 
.RadGrid_MBen .rgCancel
{
    background-position:0 -1850px;
}
 
/*hierarchy*/
 
.RadGrid_MBen .rgDetailTable
{
    border-color:#828282;
}
 
/*command row*/
 
.RadGrid_MBen .rgCommandRow
{
    background:#b5b5b5 0 -2099px repeat-x url('Grid/sprite.gif');
    color:#000;
}
 
.RadGrid_MBen .rgCommandCell
{
    border:0;
    padding:0;
}
 
.RadGrid_MBen thead .rgCommandCell
{
    /*border-bottom:1px solid #8b8b8b;*/
}
 
.RadGrid_MBen tfoot .rgCommandCell,
.RadGrid_MBen .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #a1a1a1;
}
 
.RadGrid_MBen .rgCommandTable td
{
    border:0;
    padding:2px 7px;
}
 
.RadGrid_MBen .rgCommandTable
{
    border:1px solid;
    border-color:#f5f5f5 #e4e4e4 #d5d5d5;
}
 
.RadGrid_MBen .rgCommandRow a
{
    color:#000;
    text-decoration:none;
}
 
.RadGrid_MBen .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
}
 
.RadGrid_MBen .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
}
 
.RadGrid_MBen .rgEdit
{
    background-position:0 -1700px;
}
 
.RadGrid_MBen .rgDel
{
    background-position:0 -1750px;
}
 
.RadGrid_MBen .rgExpXLS,
.RadGrid_MBen .rgExpDOC,
.RadGrid_MBen .rgExpPDF,
.RadGrid_MBen .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}
 
.RadGrid_MBen .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_MBen .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_MBen .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_MBen .rgExpCSV
{
    background-position:0 -150px;
}
 
/*multirow select*/
 
.GridRowSelector_MBen
{
    background:#155800;
}
 
/*row drag n drop*/
 
.GridItemDropIndicator_MBen
{
    border-top:1px dashed #155800;
}
 
/*tooltip*/
 
.GridToolTip_MBen
{
    border:1px solid #828282;
    padding:3px;
    background:#fff;
    color:#000;
}
 
/*rtl*/
 
.RadGridRTL_MBen .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_MBen .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_MBen .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_MBen .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_MBen .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_MBen .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_MBen .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_MBen .rgPageLast:hover
{
    background-position:0 -600px;
}
 
.RadGridRTL_MBen .rgExpand
{
    background-position:-20px -496px;
}
Grid
MBEN
Top achievements
Rank 2
Veteran
 answered on 12 Dec 2011
2 answers
110 views
RadTooltipManager in QuirksMode
I'm currently working with the RadTooltipManager to be able to click on a thumbnail and display a larger portion of the image positioned at the center of the browser window.  It is currently working in every browser except in "QuirksMode" in InternetExplorer.  When using QuirksMode, the image is placed at the verybottom of the screen. Any idea why this issue is happening or any advice on how to resolve it?  See attached images for clarification and understanding, below are snippets of my code.

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Width="400" Height="400" Enabled="true" Modal="true" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" ShowEvent="OnClick" HideEvent="ManualClose"   RelativeTo="BrowserWindow" Position="Center" ></telerik:RadToolTipManager>

protected void PictureGrid_DataBound(object sender, RadListViewItemEventArgs e)
{
       if (e.Item is RadListViewDataItem)
       {
           int position = ((RadListViewDataItem)e.Item).DataItemIndex;
           ((RadTextBox)e.Item.FindControl("ThumbnailCaptionTextbox")).Text = FindCurrentEntry().Attachments.ElementAt(position).Caption;
           Image image = (Image)e.Item.FindControl("ThumbnailImage");
           image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(position).Key + "&sizeType=thumbnail";
           RadToolTipManager1.TargetControls.Add(image.ClientID, true);
      }
}
protected void RadToolTipManager1_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)
{
      Image image = new Image();
 
      bool found = false;
      for (int i = 0; ((i < PictureGrid.Items.Count) && (!found)); i++)
      {
           for (int j = 0; ((j < PictureGrid.Items[i].Controls.Count) && (!found)); j++)
           {
                if (e.TargetControlID == PictureGrid.Items[i].Controls[j].ClientID)
                {
                     image.ImageUrl = "../ImageViewer.ashx?fileId=" + PictureGridData.ElementAt(i).Key + "&sizeType=larger";
                     found = true;
                }
           }
      }
     e.UpdatePanel.ContentTemplateContainer.Controls.Add(image);
}
ToolTip
Pat
Top achievements
Rank 1
 answered on 12 Dec 2011
3 answers
225 views
adding a new row to radgrid with colspan
Hello Telerik,
I have a created a radGrid which has 3 columns, I need to add a new row under each row item
this row will span the 3 columns to display description

what I have now:
| cell11 | cell12 | cell13 |
| cell21 | cell22 | cell23 |
| cell31 | cell32 | cell33 |

what I need:
| cell11 | cell12 | cell13 |
| new line with colspan=3|
| cell21 | cell22 | cell23 |
| new line with colspan=3|
| cell31 | cell32 | cell33 |
| new line with colspan=3|

thanks,
Taraman
 
Grid
Taraman
Top achievements
Rank 1
 answered on 12 Dec 2011
2 answers
86 views
2011.3 Skins.dll in a Sharepoint Project
Hi,

I'm aware that all skins is now in another dll (http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/separate-skin-assembly-in-radcontrols-for-asp-net-ajax-with-q3-2011.aspx) and i can make it work fine with any "Asp.Net Web" project.

The problem is when I tryed to use with a "Sharepoint Empty Project" in VS2010. I already tryed to insert a reference, copyed Skins.dll in the bin (and bin/debug) directory and always get a error if I type a Skin name and only Default is available to use.

To reproduce the problem/envinroment just create a new "Empty Sharepoint Project", add an "Visual Web Part", add an Radgrid, copy Telerik.Web.UI.Skins.dll to the bin folder and nothing happens (tryed to reload the project as well).

Am I doing something wrong?

TIA.


General Discussions
Miguel
Top achievements
Rank 1
 answered on 12 Dec 2011
1 answer
94 views
FileExplorer iFrame Dialogs Issue.
Hello,
      I'm having an issue with the fileExplorer in IE. I have the fileExplorer in an iframe, and when I click on the upload, delete, create new folder buttons, the dialog doesn't show up....works fine in Firefox and Chrome. The page gets the modal overlay, but the dialog just doesn't show. I had the same issue with the radEditor and fixed it like this:
<script type="text/javascript">
    function OnClientLoad(editor) {
        if (navigator.appName == 'Microsoft Internet Explorer')
        { editor.set_useClassicDialogs(true); }
    }  
</script>

per this article: http://www.telerik.com/support/kb/aspnet-ajax/editor/using-browser-modal-dialog-instead-of-radwindow.aspx .

Does the fileExplorer have a similar setting/functionality?

Thanks!
FileExplorer
Dobromir
Telerik team
 answered on 12 Dec 2011
4 answers
317 views
RadButton OnClientClicked Event: Microsoft JScript runtime error: '$telerik' is undefined
Hello All,

I get the following error when I click on my RadButton: "Microsoft JScript runtime error: '$telerik' is undefined." Here is how my RadButton is setup:

<telerik:RadButton ID="rbtnCancel" runat="server" Text="Return to Forms Central" OnClientClicked="btnCloseWin" Font-Names="Arial" Font-Size="Medium" AutoPostBack="false">
</telerik:RadButton>

Here are the Javascript functions:
function GetRadWindow() {
        var oWindow = null;
        if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
        return oWindow;
    }
 
function btnCloseWin(sender, eventArgs) {
        var oWindow = GetRadWindow();
        oWindow.Close();
    }


The following code is where the error is shown: var e=$telerik.isMouseOverElementEx(this.get_element(),i);

When I continue with debugging the program, the RadWindow is closed, but I'm not sure why I am getting this error at all. I am able to close the RadWindow using the Javascript function just fine from an asp:Button.

I'd greatly appreciate any insight into why this is happening.

Thanks!
Casey
Button
Casey
Top achievements
Rank 1
 answered on 12 Dec 2011
1 answer
139 views
how to show Telerik.Web.UI.Appointment.ToolTip?
Hi there,

Right now I am trying to use Telerik.Web.UI.Appointment.ToolTip.
I assigned a string to Telerik.Web.UI.Appointment.ToolTip and I hope after the Appointment bound with Scheduler control, then once mouse hover the Appointment control, the ToolTip will show out automatically.

But it doesn't work.  The popup Tooltip(looks like Tooltip, but not sure)  is always same as the subject of Appointment control.

Is there anybody can help me?

Thanks a lot,

Alex
Scheduler
Peter
Telerik team
 answered on 12 Dec 2011
3 answers
297 views
Resizing Columns in a Hierarchical Grid (with Master table columns aligned with detail table columns)
I am trying to achieve Grouping through RadGrid's Hierarchical Grid Functionality (Unlike the RadGrid's default grouping functionality - I'm trying to show the parent row or master table row containing one of the records from the group intact while expanding). In order to achieve this,  I've hidden the detail table's header and aligned the widths of each column of the detail table to that of the parent row/table (while merging all the common/grouped columns into one and displaying it blank). Now I'm facing two problems -
1. If resizing is enabled - resizing master table column does not automatically resize the detail table column. Is there any way to do such resizing from the client side.
2. I am using a custom Expand/Collapse column and I am unable to hide the default Expand/Collapse column. Is there a way to hide the default Expand/Collapse column of RadGrid?
3. If reorder is enabled - how to trigger column reorder of detail table when master table reorder occurs (in the client side)
Attached please find grid that demonstrates the functionality that I'm trying to achieve (I have masked party of the data due to privacy reasons)
Can you please help?
Grid
Veli
Telerik team
 answered on 12 Dec 2011
1 answer
91 views
Multi-Color tabstrip
Is is possible to have each tab on the tabstrip a different color?  Not just and "on" and "off" color.  I'd like to be able to use a nice fade using sprites if possible and even have there be a slight color variation on the hover for the muti-colored tabs.  It would also be great to have the mutipage pageview have a differnt background also.  Could you show me how you might do that?  thanks very much

Jonathan.
TabStrip
Kate
Telerik team
 answered on 12 Dec 2011
1 answer
102 views
How to load imageurl from database field
Hi,

How to load imageurl from database field for tree view?
as my data for tree view is comming from database table where in i m having imageurl as well

Regards!

TreeView
Bozhidar
Telerik team
 answered on 12 Dec 2011
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
Licensing
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
TreeMap
Security
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
4612 4613
4614
4615 4616
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how