Questions on UI for ASP.NET AJAX Forum

5 answers

215 views

If I edit the HTML directly in the editor and intentially leave it invalid the editor automatically completes things. Can I turn this [usually great] feature OFF?

Thanks,
Kevin

Editor

answered on 16 Mar 2010

8 answers

163 views

Insert/Update issue

How do i make that when i click edit the editable fields get populated with appropriate values while when i click Insert new record buttonLink it displays the empty fields. I tried this but it does not work:

    
            <telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderText="First name" UniqueName="FirstName" Visible="true"> 
        
                <ItemTemplate> 
        
                    <asp:Label runat="server" ID="FirstnameLabel" 
        
                    Text='<%# Eval("FirstName") %>' /> 
        
                </ItemTemplate> 
        
                <EditItemTemplate> 
        
                    <telerik:RadTextBox TextMode="MultiLine" ID="FirstNameText" runat="server" 
        
                    Skin="Web20" Width="300px" 
        
                    Text='<%# Eval("FirstName") %>'  /> 
        
                </EditItemTemplate> 
        
            </telerik:GridTemplateColumn>

And also how do i populate the radcombobox controls inside EditItemTemplate with diff data e.g. diff table

    
            <telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="Center" HeaderText="Event No." UniqueName="VidNaNast"> 
        
                <ItemTemplate> 
        
                    <asp:Label runat="server" ID="EventLabel" 
        
                    Text='<%# Eval("EventNumber") %>' /> 
        
                </ItemTemplate> 
        
                <EditItemTemplate> 
        
                    <telerik:RadComboBox ID="EventCombo" runat="server" 
        
                    Skin="Web20" Width="250px" /> 
        
                </EditItemTemplate> 
        
            </telerik:GridTemplateColumn>

Is this approach of itemtemplate and edititemtemplate ok for what i am trying to achive?

THANKS

Grid

answered on 16 Mar 2010

3 answers

107 views

Radeditor Modifying HTML in Firefox

Hello,

We are currently using Editor V 2009.3.1314.35.

We have two scenarios where the editor is modifying our HTML in unexpected ways.

First we are seeing align="left" become float:left as well as adding a "border-style:solid" where there previously was none. This happens in Firefox and IE.

Example:

                    <img src="http://www.infocuslists.com/enewsimages/potofgold.gif" alt="Pot of Gold at the End of the Rainbow" border="none" align="left" style="margin:0;"/>         

Becomes:

                    <img style="border-style: solid; margin: 0pt; float: left;" alt="Pot of Gold at the End of the Rainbow" src="http://www.infocuslists.com/enewsimages/potofgold.gif" />         

We are also seeing borders being stripped out, this one only happens in Firefox only.

Example:

                    <div style="border-style: solid; border-color: #dee4e7; border-width: 5px 1px 1px; margin: 0px 0px 15px; padding-left: 6px; padding-right: 4px; background-color: #f9f9f7;">         

Becomes:

                    <div style="margin: 0px 0px 15px; padding-left: 6px; padding-right: 4px; background-color: #f9f9f7;">         

These both became an issue when upgrading to the current version of the RadEditor we are using.

Editor

answered on 16 Mar 2010

8 answers

238 views

Embedded RadGrid firing wrong event on Drag and Drop

Just upgraded to 2009 Q1 from 2008 Q3 and I'm having a weird problem.

I have an embedded RadGrid in a Radgrid (let's call them rdParent and rdChild for this post) and both have DragandDrop enabled but you cannot drag to each other (you cannot drag and drop from rdParent to rdChild and vice versa). There's a 3rd Radgrid that you can drag and drop to rdParent or rdChild, let's call this one rdCousin.

The scenario is both rdParent and rdChild are empty when you start and rdCousing is populated, you can then drag and drop from rdCousin to either rdParent or rdChild. You can put back rows from rdParent and rdChild to rdCousin.

When I move rows from rdCousing to rdChild or rdCousin to rdParent everything works great, if I move rows from rdParent to rdCousin it works great.

When I move rows from rdChild to rdCousin it doesn work, this worked in 2008 Q3 but doesn't work in 2009 Q1 anymore.

After looking at what is going on here's what I've found and what is weird:

rdChild is firing the rdParent rowDrop (rdParent_RowDrop) event and not it's own rowDrop (rdChild_RowDrop) event, naturally because this is an embedded control we are specifying which event it needs to use with the onRowDrop tag.

Here is the tag for the rdChild grid as you can see we are specifying the OnRowDrop, OnItemDataBound and the OnPreRender events on the grid.

    
            <telerik:RadGrid ID="rdChild" runat="server" EnableEmbeddedSkins="False" GridLines="None" Skin="SunsetQ3" ShowHeader="False" OnRowDrop="rdChild_RowDrop" OnItemDataBound="rdChild_ItemDataBound" Width="440px" OnPreRender="rdChild_PreRender">

This issue just arose like I mentionned when we went from 2008 Q3 to 2009 Q1, this has been working since 2007.

Thanks for your attention

Grid

answered on 16 Mar 2010

1 answer

75 views

RadCombo in ModalPopupExtender

We have a RadComboBox control in a panel using the ModalPopupExtender. The "dropdown" control appears under the gray div generated by the modal popup.

Can anyone please provide a workaround to make it appear on top of the panel and gray background?

General Discussions

answered on 16 Mar 2010

2 answers

93 views

Client-Side New Item

Can you tell me how to add a separator item client side?

thanks!

Menu

answered on 16 Mar 2010

2 answers

127 views

[Solved] RadDataPagerPageSizeField - change records per page

Is it just me or have I missed something, I have set the list view to show 16 records per page and the data pager drop down now shows in the data pager options of 5,10,16,20,50

But I want the option to have more than 50, would would be good is either am ALL option or say 100

is this not possible?

ListView

answered on 16 Mar 2010

2 answers

210 views

[Solved] Sliding Pane not appearing after docking/undocking programatically

I am using the RadSplitter control with a RadSlidingZone containing 2 RadSlidingPanes. I don't want the standard pane header in the SlidingPane to display (so it's hidden using css) but still want to have the ability to dock/undock each of the sliding panes. The dock/undock functionality is triggered by clicking buttons that call methods in the client API of the slidingzone/slidingpane... this works well, but as soon as I dock one of the panes, the sliding panes don't come out if I hover over the tab in the sliding zone. Is there something else I need to do in order to show the sliding pane when the user hover overs a sliding zone tab?

In the code below, the buttons will dock/undock Panes 1 and 2. After clicking on the buttons, the other pane no longer slides out from the vertical tabs in the sliding zone.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestPage_Splitter.aspx.cs" Inherits="TestPage_Splitter" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
        
            <html> 
        
            <head id="Head1" runat="server">  
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                    <style> 
        
                        /* hide the default radslidingpane header */  
        
                        .RadSplitter .rspSlideHeader TABLE  
        
                        {  
        
                            display: none;  
        
                        }  
        
                    </style> 
        
                    <script type="text/javascript" language="javascript">  
        
                        function TogglePane(paneID) {  
        
                            var slidingZone = $find("<%=RadSlidingZone1.ClientID%>");  
        
                            var slidingPane = slidingZone.getPaneById(paneID);  
        
                            var isDocked = slidingPane.get_docked();  
        
                            var result;  
        
                            if (isDocked) {  
        
                                result = slidingZone.undockPane(paneID);  
        
                            } else {  
        
                                result = slidingZone.dockPane(paneID);  
        
                            }  
        
                        }  
        
                    </script> 
        
                </telerik:RadCodeBlock> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager runat="server" ID="ScriptManager" /> 
        
                    <telerik:RadSplitter runat="server" id="RadSplitter1" height="100%" width="100%">  
        
                        <telerik:RadPane ID="RadPaneOuter1" runat="server">  
        
                            <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22px" DockedPaneId="RadSlidingPane1">  
        
                                <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Width="275px" Title="Pane 1">  
        
                                    Pane 1  
        
                                    <button onclick="TogglePane('<%=RadSlidingPane1.ClientID%>');">Toggle Pane</button> 
        
                                </telerik:RadSlidingPane> 
        
                                <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Width="275px" Title="Pane 2">  
        
                                    Pane 2  
        
                                    <button onclick="TogglePane('<%=RadSlidingPane2.ClientID%>');">Toggle Pane</button> 
        
                                </telerik:RadSlidingPane> 
        
                            </telerik:RadSlidingZone> 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both" /> 
        
                        <telerik:RadPane runat="server" id="RadPaneOuter2">  
        
                            <telerik:RadSplitter ID="RadSplitter3" runat="server" Orientation="Vertical">  
        
                                <telerik:RadPane ID="RadPane3" runat="server">  
        
                                    Pane 3  
        
                                </telerik:RadPane> 
        
                                <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Both" /> 
        
                                <telerik:RadPane ID="RadPane4" runat="server">  
        
                                    Pane 4  
        
                                </telerik:RadPane> 
        
                            </telerik:RadSplitter> 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

Splitter

answered on 16 Mar 2010

1 answer

73 views

RadSliderItem from Datatable, from FilterTemplate

Greetings,

I'm attempting to follow the process from:
http://www.telerik.com/support/kb/aspnet-ajax/slider/a-radslideritem-for-each-record-in-a-datatable.aspx

However, my radslider appears in a FilterTemplate and not as a normal control. How can I mimick what this KB article describes but for a radslider that appears as a FilterTemplate. I can't seem to reference my radslider in the C# code, as it can't find the control.

Basically, I want my FilterTemplate's Radsliders min and max values to not be static, but something I can query into a dataset and pulled from there instead. I'm sure it's a simple thing to do, however I'm sure how to find the control in the C# code.

Thanks!

Slider

answered on 16 Mar 2010

1 answer

222 views

RadWindow Resizing for Client-Side Validation

If I set the AutoSize property to true for a RadWindow it will not leave space for any errors which are displayed in the Validation Summary (Client Side Validation) at the bottom of the window. To get around this I have hardcoded width and height properties for the window(s). Ideally we would like to go back to Auto Sizing the window. Does anyone know how to use AutoSize="true" and have the window resize dynamically to accomodate for a client-side validation summary?

Window

answered on 16 Mar 2010