Questions on UI for ASP.NET AJAX Forum

1 answer

455 views

[Solved] RadEditor Height not working properly

Hi Telerik
I am using Telerik ASP.NET Q1 2010 release. I have a situation in which i need 3 fields to be edited in HTML mode. I have very limited space and the content to be edited is also potentially less than 100 words. So i decided to use 3 Rad Editors with limited tools (created a new tools XML) and set the height to 100px - But please take a look at the below URL where i have recorded the behaviour of these RadControls. The editor box itself overflows more than 100px in height and the bottom edit mode buttons are not inside the control border. But intrestingly when i reload, for a short moment you can see the controls are re-arranging in a proper height but after reload it looks the same old way.

Take a look at the behaviour here - http://screencast.com/t/NDk4N2Fk

Please explain me why is this happening.

Background Info
DotNetNuke 4.x site
Using RadTabStrip with RadPageView to show the tab. (The editor resides inside the page view)
Telerik Q1 2010 release dlls

Let me know if you need any more details (FYI - for security reasons i cannot give you any link for that page)

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FormBuilderDetails.aspx.cs" 
        
                Inherits="EM2.UI.FormBuilderDetails" %> 
        
            <%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Form Builder</title> 
        
                <link id="_em2Admin_Portals_0_" rel="stylesheet" type="text/css" href="/Portals/0/portal.css" /> 
        
                <link id="_em2Admin_Portals__default_" rel="stylesheet" type="text/css" href="/Portals/_default/default.css" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <rad:RadScriptManager ID="script1" runat="server"> 
        
                </rad:RadScriptManager> 
        
                <rad:RadTabStrip ID="tabStrip1" runat="server" MultiPageID="multiPage1" ClickSelectedTab="true"> 
        
                    <Tabs> 
        
                        <rad:RadTab id="tbGeneral" runat="server" Text="General" PageViewID="pgEditSection"> 
        
                        </rad:RadTab> 
        
                        <rad:RadTab id="tbAdvanced" runat="server" Text="Advanced" Visible="false"> 
        
                        </rad:RadTab> 
        
                        <rad:RadTab id="tbValidation" runat="server" Text="Validation" Visible="false"> 
        
                        </rad:RadTab> 
        
                        <rad:RadTab id="tbCondition" runat="server" Text="Condition" Visible="false"> 
        
                        </rad:RadTab> 
        
                        <rad:RadTab id="tbHTML" runat="server" Text="HTML" Visible="false"> 
        
                        </rad:RadTab> 
        
                    </Tabs> 
        
                </rad:RadTabStrip> 
        
                <h4> 
        
                    <asp:Label ID="lblPageHead" runat="server"></asp:Label></h4> 
        
                <rad:RadMultiPage ID="multiPage1" runat="server"> 
        
                    <rad:RadPageView ID="pgEditSection" runat="server" Visible="true"> 
        
                        <div style="width: 80%"> 
        
                            <fieldset class="fs_edit"> 
        
                                <table > 
        
                                    <tr> 
        
                                        <td> 
        
                                            Section Name 
        
                                        </td> 
        
                                        <td> 
        
                                            <asp:TextBox ID="txtSectionName" runat="server"></asp:TextBox> 
        
                                        </td> 
        
                                    </tr> 
        
                                    <tr> 
        
                                        <td> 
        
                                            CSS 
        
                                        </td> 
        
                                        <td> 
        
                                            <telerik:RadComboBox ID="rcbSectionCSS" runat="server" Skin="Web20" Text="Select One..." 
        
                                                ExpandAnimation-Type="OutBack" CollapseAnimation-Type="InBack" Width="150px"  
        
                                                DropDownWidth="150px"> 
        
                                            </telerik:RadComboBox> 
        
                                        </td> 
        
                                    </tr> 
        
                                    <tr> 
        
                                        <td> 
        
                                            Header Text 
        
                                        </td> 
        
                                        <td > 
        
                                            <rad:RadEditor ID="radSectionHeader" EnableResize="false"  
        
                                                ToolsFile="~/Resources/RadControls/Editor/ToolsFile_Minimal.xml" ToolbarMode="ShowOnFocus" 
        
                                                runat="server" Width="500px" Height="100px"> 
        
                                            </rad:RadEditor> 
        
                                        </td> 
        
                                    </tr> 
        
                                    <tr> 
        
                                        <td> 
        
                                            Body Text 
        
                                        </td> 
        
                                        <td style="height:175px"> 
        
                                            <rad:RadEditor ID="radSectionBody" EnableResize="false" StripFormattingOnPaste="All" 
        
                                                ToolsFile="~/Resources/RadControls/Editor/ToolsFile_Minimal.xml" ToolbarMode="ShowOnFocus" 
        
                                                runat="server" Width="500px" Height="100px"> 
        
                                            </rad:RadEditor> 
        
                                        </td> 
        
                                    </tr> 
        
                                    <tr> 
        
                                        <td> 
        
                                            Footer Text 
        
                                        </td> 
        
                                        <td style="height:125px"> 
        
                                            <rad:RadEditor ID="radSectionFooter" EnableResize="false" StripFormattingOnPaste="All" 
        
                                                ToolsFile="~/Resources/RadControls/Editor/ToolsFile_Minimal.xml" ToolbarMode="ShowOnFocus" 
        
                                                runat="server" Width="500px" Height="100px"> 
        
                                            </rad:RadEditor> 
        
                                        </td> 
        
                                    </tr> 
        
                                    <tr> 
        
                                        <td> 
        
                                            <asp:Button ID="btnUpdate" Text="Update" runat="server" /> 
        
                                        </td> 
        
                                    </tr> 
        
                                </table> 
        
                            </fieldset> 
        
                        </div> 
        
                    </rad:RadPageView> 
        
                </rad:RadMultiPage> 
        
                </form> 
        
            </body> 
        
            <script type="text/javascript"> 
        
                    function GetRadWindow() { 
        
                        var oWindow = null; 
        
                        if (window.radWindow) oWindow = window.radWindow; 
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                        return oWindow; 
        
                    } 
        
                    function CloseAndReload(status) { 
        
                        //       if(reload) 
        
                        RefreshParentPage(status); 
        
                        GetRadWindow().Close(); 
        
                    } 
        
                    function RefreshParentPage(status) { 
        
                        var parentWin = GetRadWindow().BrowserWindow; 
        
                        parentWin.G_DoRefreshPage = true; 
        
                        parentWin.refreshEditor(status); 
        
                    } 
        
                    function checkForEmpty(obj) { 
        
                        if (obj && obj.value == "") { 
        
                            alert("Code length cannot be empty"); 
        
                            return false; 
        
                        } 
        
                        else return true; 
        
                    } 
        
                    function showHideFieldDispName() 
        
                    { 
        
                        var chkFieldShowName = document.getElementById('<%= chkFieldShowName.ClientID %>'); 
        
                        var txtFieldDispName = document.getElementById('<%= txtFieldDispName.ClientID %>'); 
        
                        if(chkFieldShowName && txtFieldDispName) 
        
                        { 
        
                            if(chkFieldShowName.checked) txtFieldDispName.disabled = false; 
        
                            else txtFieldDispName.disabled = true; 
        
                        } 
        
                    } 
        
            </script> 
        
            <style> 
        
                .CapitaFloatLeft2Column 
        
                { 
        
                    position: relative; 
        
                    float: left; 
        
                    width: 156px; 
        
                } 
        
                .CapitaFloatRight2Column 
        
                { 
        
                    position: relative; 
        
                    float: left; 
        
                    width: 264px; 
        
                } 
        
                .CapitaGroupControlContainer 
        
                { 
        
                    position: relative; 
        
                    width: 420px; 
        
                    height: 34px; 
        
                } 
        
            </style> 
        
            </html>

Editor

answered on 05 Apr 2010

1 answer

137 views

close the browser window

Hello,

I am using rad controls in asp.net page. But could not close the browser window using following code snipet.

    
            Response.Write("<script language='javascript'> { self.close() }</script>")

Before adding update panet it was working fine. Shall i change the instruction ? Please suggest ASAP

Ajax

answered on 05 Apr 2010

1 answer

106 views

RadGrid MultiRowEdit with Sorting

Is it possible to have a RadGrid that always has it's rows editable and only apply's the changes when a user clicks a "apply changes" button. On top of this, can sorting be done based off of the user's (un-applied) updates? I'm thinking the data would have to be persisted on the client somehow.

I have a MultiRowEdit example working, but I lose any changes on sorting.

Anyone have any ideas?

Grid

answered on 05 Apr 2010

1 answer

302 views

RadSkinManager Size and Style

How would you set the size and keep a constant style on the RadSkinManager ComboBox? Lets say just like the RadSkinManager in your demo sites, which is half the size of anything I can do with mine, and the Telerik demo sites ComboBox look stays the same after you choose a new skin, width and height cannot be set as is declares it has no public property named width or height.
Please how is this done!
Thanks
Don

SkinManager

answered on 05 Apr 2010

1 answer

360 views

autocomplete radtextbox with datasource

hi
radtextbox dont hava datasource property
i need it

General Discussions

answered on 05 Apr 2010

1 answer

83 views

Auto Generated Edit Form for Grid

What is the procedure for adding Validation to textboxes of an autogenerated edit form on a grid.

Also, can the form be centered in the screen on opening.

Thanks
Thomas

Grid

answered on 05 Apr 2010

1 answer

162 views

[Solved] SpecialDays example?

I know this is really simple, but I can someone show me a simple hard-coded example of how to get a "specialDay" to show up?

Thanks!

Calendar

answered on 05 Apr 2010

1 answer

164 views

Getting at the data in ItemDataBound

I've always added the bound column definitions to my markup then just accessed them in ItemDataBoud via item["COLUMNNAME"]

Is there some other way to do it without needing to add\reference the columns? Reason I'm asking is a grid I'm working on has a LOT of columns and Id like to not have to define each (bloaty markup).

Is there a way to just get at that columns data directly in code (without a secondary query on each row)?

Thanks,
Steve

Grid

answered on 05 Apr 2010

1 answer

440 views

How To Hide GridTemplateColumn In RadGrid

Hi, i need to hide some buton in RadGrid according to user access right.
All the column in my radgrid are pair with ItemTemplate and EditItemTemplate.
The button in side the RadGrid i need to hide is in ItemTemplate.

I have try to hide it in ColumnCreated with ColumnUniqueName but fail.

I try to hide it in ItemDataBound but the column is neither in edit, Add mode.And it is also not a Header,Pager, Footer Item.

Does anyone has idea on this ?

Grid

answered on 05 Apr 2010

1 answer

141 views

Trigger Edit Mode from an external button

How can I throw the radgrid into edit mode from a button outside of the control?

...and then hide the button while it's in edit mode...?

Thanks,
Steve

Grid

answered on 05 Apr 2010