Questions on UI for ASP.NET AJAX Forum

4 answers

98 views

[Solved] setfocus in radeditor doesnot work in firefox

editor.setfocus() function works fine in IE.. but it doesn't work in FireFox....
cursor doesn't place within the content area of the radeditor in firefox....
please help me...

function ClientLoad(editor, args)
{
   var editorObject = editor;
   //set the focus in the editor
   setTimeout(function()
   {
         editorObject.SetFocus();
   }, 10);
}

<telerik:RadEditor ID="RdEditor1" Runat="server" Height="100px" Width="450px" EditModes="Design" OnClientCommandExecuting="OnClientCommandExecuting" ContentFilters="MakeUrlsAbsolute" OnClientLoad="ClientLoad">
                <Tools>
                <telerik:EditorToolGroup Tag="bold">
                    <telerik:EditorTool Text="B" Name="Bold" />
                    <telerik:EditorTool Text="i" Name="Italic"/>
                    <telerik:EditorTool Text="U" Name="Underline"/>
                   </telerik:EditorToolGroup>
   </Tools>
<Content></Content>
</telerik:RadEditor>
thanks & regards,
priya.

Editor

answered on 05 Apr 2010

2 answers

121 views

Problem with Grid Filter options height

I am having an issue with the filter of a grid. I have page with a splitter divided into 2 panes. A top and bottom with the bottom pane being a grid. If a user has a lower resolution or I change the size of my browser it prevents all of the filter options from being displayed. Looking through the documentation it should enable an 'Auto-Scroll' but it is not working for me. The options just get pushed up into the top pane and are not visible.

Is there a way maybe to set the height of the filter options dropdown, maybe forcing the autoscroll on the screen based on height?

Anyone have another suggestion?

Grid

answered on 05 Apr 2010

1 answer

81 views

Localize Pager Style via Resoure File

Hello,
how can i localize the PageSiteLabelText and the PagerTextFormat via ASP.NET Resources?
The following doesn't work PageSizeLabelText="<%$ Resources:MyResources, numberOfItems %>: "

with best regards
Meik Napierski

Grid

answered on 05 Apr 2010

3 answers

124 views

Treeview png's missing in Q1 2009 release

Hello,

I did an update to the newest Q1 2009 release and all of the png's in the default telerik skins r missing. Is this a known issue? I am missing the following

BottomLine.png
FirstNodeSpan.png
MiddleLine.png
NodeSpan.png
PlusMinus.png
SingleLine.png
TopLine.png

TreeView

answered on 05 Apr 2010

8 answers

278 views

Lost skin after ajax

I have a page with a search button that is ajaxified for a user control and a radgrid. When the user clicks the button the page post back does some error checking. If it finds errors it displays them using the user control, otherwise it runs the query in the onneeddatasource and the Grid results display. If the user clicks the button and there are not any errors the grid displays correctly using the "Outlook" skin. If the user clicks the button and there are errors the the page uses a user control to send the error messages and they are displayed. However, if the user corrects the errors and clickson the button the errors are cleared as expected, the query runs and the grid is displayed but without using the "Outlook skin. So the grid is not formatted.

What's the issue???

ASCX:

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PageMessage.ascx.cs" Inherits="AARatesWeb.PageMessage" %> 
        
            <div runat="server" id="MessageContainer">  
        
            </div> 
        
            CodeBehind:  
        
                public void DisplayMessage(MessageType MsgType, String MsgText, String UserID)  
        
                {  
        
                    string sOutput;  
        
                    // Begin Table Construction  
        
                    sOutput = "<table border='0' cellpadding='0' cellspacing='0' >";  
        
                    sOutputsOutput = sOutput + "<tr>";  
        
                    switch (MsgType)  
        
                    {  
        
                        case MessageType.Information:  
        
                            sOutputsOutput = sOutput + "<td class='redtext'>";  
        
                            break;  
        
                        case MessageType.Warning:  
        
                            sOutputsOutput = sOutput + "<td class='redtext'>";  
        
                            break;  
        
                        case MessageType.Critical:  
        
                            sOutputsOutput = sOutput + "<td class='redtext'>";  
        
                            break;  
        
                    }  
        
                     //Finish Table Construction  
        
                    sOutputsOutput = sOutput + MsgText;  
        
                    sOutputsOutput = sOutput + "</td></tr></table>";  
        
                     //Write message to Div  
        
                    MessageContainerMessageContainer.InnerHtml = MessageContainer.InnerHtml + sOutput;  
        
                }

Aspx:

    
            <asp:Content ID="arMain" ContentPlaceHolderID="MainPH" runat="server">  
        
                <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">    
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="rcbCodeList">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="rcbListType"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="rtbCode" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="btnAddCode" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="rlbCodes"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" />                     
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting>          
        
                        <telerik:AjaxSetting AjaxControlID="rcbListType">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="rtbCode" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="btnAddCode" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="rlbCodes"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="btnAddCode">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="rtbCode"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="rlbCodes"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" />                              
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="btnSearch">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="ARGrid1"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" />   
        
                                <telerik:AjaxUpdatedControl ControlID="lnkbtnSave"   
        
                                    LoadingPanelID="" />    
        
                                <telerik:AjaxUpdatedControl ControlID="lnkbtnSaveAs"   
        
                                    LoadingPanelID="" />                                                                                                                 
        
                            </UpdatedControls>                  
        
                        </telerik:AjaxSetting>              
        
                        <telerik:AjaxSetting AjaxControlID="ARGrid1">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="ARGrid1"   
        
                                    LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls>                  
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManagerProxy> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Outlook">  
        
                </telerik:RadAjaxLoadingPanel> 
        
            ...  
        
            <pm:PgMsg ID="PgMessage" runat="server" />

Code Behind:

    
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                        //Set up client side calls for AjaxProxyManager  
        
                        RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);  
        
                        manager.ClientEvents.OnRequestStart = "onRequestStart";  
        
                        manager.AjaxSettingCreated += new RadAjaxControl.AjaxSettingCreatedDelegate(manager_AjaxSettingCreated);  
        
                        manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(manager_AjaxRequest);  
        
                        //Add user control to Ajaxify for search and add buttons             
        
                        Control mainPlaceHolder = Master.FindControl("MainPH");  
        
                        Control pgMsg = mainPlaceHolder.FindControl("pgMessage");  
        
                        RadAjaxLoadingPanel ajaxLoadingPanel = Master.FindControl("RadAjaxLoadingPanel1") as RadAjaxLoadingPanel;  
        
                        manager.AjaxSettings.AddAjaxSetting(btnSearch, pgMsg, ajaxLoadingPanel);

Ajax

answered on 05 Apr 2010

1 answer

442 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

133 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

98 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

289 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

346 views

autocomplete radtextbox with datasource

hi
radtextbox dont hava datasource property
i need it

General Discussions

answered on 05 Apr 2010