So I seem to have run into an interesting issue with drag-and-drop in a RadGrid within a RadTreeList.  

My scenario is this:  I have a RadTreeList where each item in the list contains a RadGrid in the DetailTemplate.  The RadTreeList uses drag-and-drop to nest the items in its list.  Each RadGrid in the DetailTemplate (there is 1 grid per template) also used drag-and-drop for re-ordering the items in that grid.

I am still building this, but right now I can drag the RadTreeList items without any issues.  However, when I go to drag any of the items in the RadGrids, I see 2 rows as if I was dragging multiple items.  If I start to drag a RadTreeListItem first and then immediately stop, and then go to drag a RadGrid item, I see the RadGrid row behind the RadTreeListItem row.  Very strange.  Also, both controls are designed to use a TreeListDragDropColumn/GridDragDropColumn for dragging.  If I remove the DragDropColumn from EITHER one of them, I do not see the duplicate row when dragging a RadGrid item.  If I remove the DragDropColumn from BOTH of them, it will still display the duplicate.

I would like to have the drag columns visible for both, but for right now it doesn't seem like I can do that. 

I've attached screenshots to help explain what I am talking about.  In order they are:  1. The RadTreeList with ​RadGrids before any dragging, 2. Dragging from the RadGrid, 3. Dragging from the RadTreeList, 4. Dragging from the RadGrid after dragging from the RadTreeList

Essentially, here's my markup:

    <telerik:RadTreeList ID="TreeList" runat="server" Skin="Silk" AutoGenerateColumns="false" AllowSorting="true" GridLines="None" ShowTreeLines="false"
        ParentDataKeyNames="ParentId" DataKeyNames="Id" AllowPaging="false" EditMode="InPlace" ValidationSettings-ValidationGroup="Edit"
        OnItemDrop="TreeList_ItemDrop"
        OnNeedDataSource="TreeList_NeedDataSource" OnItemCommand="TreeList_ItemCreated" OnItemCreated="TreeList_ItemCreated" OnItemDataBound="TreeList_ItemDataBound">
        <ClientSettings AllowItemsDragDrop="true">
            <Selecting AllowItemSelection="True"></Selecting>
        </ClientSettings>
        <Columns>
            <telerik:TreeListEditCommandColumn ButtonType="ImageButton" ItemStyle-Width="25px" ItemStyle-VerticalAlign="Middle" ShowAddButton="false" UniqueName="EditCommandColumn"></telerik:TreeListEditCommandColumn>
            <telerik:TreeListTemplateColumn DataField="Name" UniqueName="Name" HeaderText="Name" ItemStyle-Wrap="false" ItemStyle-Width="720px">
                <ItemTemplate>
                    <asp:Label ID="Name" runat="server" Text='<%# Eval("Name") %>'></asp:Label><telerik:RadToolTip ID="ToolTip" runat="server" AutoCloseDelay="0" TargetControlID="Name" RelativeTo="Element" Animation="Slide" AnimationDuration="100" Position="BottomCenter" RenderInPageRoot="true" Width="460"></telerik:RadToolTip>
                    <br /><asp:Label ID="Description" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="NameEdit" runat="server" MaxLength="50" Text='<%# Eval("Name") %>' ValidationGroup="Edit" Width="100%"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="NameEditRFV" runat="server" CssClass="alert" ControlToValidate="NameEdit" ErrorMessage="Please enter a Folder Name" ValidationGroup="Edit"></asp:RequiredFieldValidator>
                    <br /><asp:TextBox ID="DescriptionEdit" runat="server" MaxLength="100" style="width: 100%;" Text='<%# Eval("Description") %>' ValidationGroup="Edit"></asp:TextBox>
                </EditItemTemplate>
            </telerik:TreeListTemplateColumn>
        </Columns>
        <DetailTemplate>
                <telerik:RadGrid ID="DetailGrid" runat="server" Skin="Silk" Width="100%" AutoGenerateColumns="False" GridLines="None" AllowPaging="false" AllowSorting="false" ShowHeader="false"
                    OnNeedDataSource="DetailGrid_NeedDataSource" OnItemCommand="DetailGrid_ItemCommand" OnItemDataBound="DetailGrid_ItemDataBound" OnRowDrop="DetailGrid_RowDrop">
                    <ClientSettings AllowRowsDragDrop="true">
                        <ClientEvents OnPopUpShowing="popUpShowing" OnRowDropping="rowDropping" />
                        <Selecting AllowRowSelect="true" />
                    </ClientSettings>
                    <MasterTableView DataKeyNames="DetailId" Name="Details" EditMode="PopUp">
                        <Columns>
                            <telerik:GridDragDropColumn HeaderStyle-Width="18px"></telerik:GridDragDropColumn>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-Width="25px" ItemStyle-VerticalAlign="Middle" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" />
                        </Columns>
                        <NoRecordsTemplate>
                            There are no details.
                        </NoRecordsTemplate>
                    </MasterTableView>
                </telerik:RadGrid>
        </DetailTemplate>
    </telerik:RadTreeList>​

I have a strange behaviour of a splitter with two panes. The structure of my master page is:

<div class="size-wide main-container">        <telerik:RadSplitter ID="RadSplitterMain" runat="server" Orientation="Vertical" Width="100%" Height="100%" LiveResize="false" ResizeMode="Proportional">    

<telerik:RadPane ID="RadPaneMenu" runat="server" MinWidth="0" MaxWidth="250" Width="250" Scrolling="X">                 

<div class="menu-left">                     

<wpc:wpcMenu ID="Menu" runat="server" />                 

</div>             

</telerik:RadPane>            

 <telerik:RadSplitBar ID="RadSplitBarMain" runat="server" CollapseMode="Forward">             

</telerik:RadSplitBar>             

<telerik:RadPane ID="RadPaneContent" runat="server" ShowContentDuringLoad="false" Width="100%" Height="100%">                 

<div>                     

<asp:ContentPlaceHolder ID="MainContent" runat="server">                     

</asp:ContentPlaceHolder>                 

</div>             

</telerik:RadPane>         

</telerik:RadSplitter>     

</div>​

When the page load, I have the right part of the splitter, the RadPaneContent for main content, that is visualized for an instant very little, with the scroll bar visible and the page sizes that is not maximized, but it's very little both in width and heigth.

After one second the size of the pane is rendering good, but for an instant I saw the pane that is not opened and it's very small, with the scroll bars visibile, close to the splitt bar.

Is this behaviour due to the risizemode or some other attribute that I have to set on the splitter / Pane controls ?

In the Master page I have also an header ​over and a Footer under the main div.

Please let me Know it is possibile to fix this problem. I'm not able to fix this problem of rendering. This happens in all browser.

Kind Regards.

Vittorio Morellini

We have a button on our toolbar that should simply surround selected content with a <div> tag.

But when this is applied to anything that starts with an HTML tag, specifically <em>, <strong>, or <sup>, then it applies the <div> tag, but then surrounds the entire div with whatever the starting HTML tag is.

 For Example,

<em>gnomes</em>: imaginary creatures

should become:

<div><em>gnomes</em>: imaginary creatures</div>

but instead becomes:

<em>
<div><em>gnomes</em>: imaginary creatures
</div>
</em>

We really don't want the entire phrase in italics. This is especially annoying with superscripts since it places everything in a superscript.

We are using the latest version of the tools. This happens consistently across Firefox, Chrome, and Opera.

How can we just surround the selected text with a <div> without surrounding the entire thing with additional HTML tags?

Hi,

 Does anyone know how to set the tab direction to ​down? For example after edit the user will press Enter Key.  I need the next cell selected to be down instead of right.

 Thanks,
Jerry

I have a Scheduler control that implements a custom appointment BackColor for each specific user.  The color works fine when in Day view or Week view, but when I switch to Agenda view the color doesn't show up.  I'm using the Metro skin.  I can't seem to find anything in the .rsAgendaView style that seems to be preventing the BackColor from working.  When I test with ForeColor it works fine. 

Hi,

 I have a simple form as

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:PlaceHolder runat="server" ID="tbl_holder" />
</div>
</form>

and code behind as

tbl_holder.Controls.Clear();
Table tbl = new Table();
tbl.Width = Unit.Percentage(98);
tbl.ID = "tbl_ID";
TableHeaderRow tr = new TableHeaderRow();
tr.VerticalAlign = VerticalAlign.Top;
TableHeaderCell tc = new TableHeaderCell();
Label lbl_test = new Label();
lbl_test.ID = "lbl_1" ;
lbl_test.Width = Unit.Pixel(50);
lbl_test.Text = "task 1";
RadToolTip test_tooltip = new RadToolTip();
test_tooltip.ID = "test_tip_1" ;
test_tooltip.TargetControlID = "lbl_1";
test_tooltip.IsClientID = true;
test_tooltip.Text = "test 1 tooltip";
test_tooltip.Position = ToolTipPosition.TopRight;
test_tooltip.Width = Unit.Pixel(300);
test_tooltip.Height = Unit.Pixel(40);
test_tooltip.RenderInPageRoot = true;
test_tooltip.Skin = "WebBlue";
tc.Controls.Add(test_tooltip);
tc.Controls.Add(lbl_test);
tr.Cells.Add(tc);
tbl.Rows.Add(tr);
tbl_holder.Controls.Add(tbl);

The tooltip appears in 100% zoom mode, but If I increase zoom to 125%, tooltip does not appear. I tested in IE11.

Thanks for your help.

Hi,

 I have a grid with editmode set to Batch.  I save grid changes in the UpdateCommand event.  This event doesn't fire if no changes have been made, but there is still a postback.  How do I force this event to always fire when the "Save Changes" button is selected?  I need to update some related values outside the grid.

Thanks In Advance!

Jerry