Questions on UI for ASP.NET AJAX Forum

1 answer

119 views

Well, maybe not on its own. My problem is that it fires before even Page_Load. I have the following code to create each page view programmatically :

                            protected void Multipage1PageViewCreated(object sender, RadMultiPageEventArgs e)         
                    {         
                        RadPageView newpage = e.PageView;         
                     
                        RadEditor editor = new RadEditor { ID = "radeditor" + e.PageView.Index, Width = 800};         
                     
                        UpdatePanel updatepanel = new UpdatePanel         
                                                      {         
                                                          ID = "updatepanel" + e.PageView.Index,         
                                                          UpdateMode = UpdatePanelUpdateMode.Conditional         
                                                      };         
                     
                        //RadioButtonList Start          
                        RadioButtonList rbl = new RadioButtonList {RepeatDirection = RepeatDirection.Vertical, Width = 130};         
                        rbl.SelectedIndexChanged += new EventHandler(RadioButtonListEditModeSelectedIndexChanged);         
                        rbl.AutoPostBack = true;         
                     
                     
                        ListItem li1 = new ListItem();         
                        ListItem li2 = new ListItem();         
                        ListItem li3 = new ListItem();         
                        rbl.ID = "radiobuttonlist" + e.PageView.Index;         
                        li1.Value = "FullSet";         
                        li1.Text = "Advanced toolset";         
                        li2.Value = "Default";         
                        li2.Text = "Default";         
                        li3.Value = "BasicTools";         
                        li3.Text = "Basic toolset";         
                        rbl.Items.Add(li1);         
                        rbl.Items.Add(li2);         
                        rbl.Items.Add(li3);         
                        //RadioButtonList End          
                     
                        Literal ltr = new Literal         
                        {         
                            Text = "<div class=\"radiobuttonlist\"><b>Choose a toolbar style:</b>"         
                        };         
                        Literal ltr2 = new Literal { Text = "</div>" };         
                        Literal ltrTitle = new Literal {Text = "<h2>Τίτλος</h2>"};         
                        TextBox txtTitle = new TextBox();         
                        txtTitle.Width = 800;         
                        txtTitle.Height = 20;         
                        Literal ltrDivStart = new Literal {Text = "<div class='ArticleTitle'>"};         
                        Literal ltrDivEnd = new Literal {Text = "</div>"};         
                        Literal ltrDivStart2 = new Literal { Text = "<div style='float:left;'>" };         
                        Literal ltrDivEnd2 = new Literal { Text = "</div>" };         
                        updatepanel.ContentTemplateContainer.Controls.Add(editor);         
                        updatepanel.ContentTemplateContainer.Controls.Add(ltr);         
                        updatepanel.ContentTemplateContainer.Controls.Add(rbl);         
                        updatepanel.ContentTemplateContainer.Controls.Add(ltr2);         
                     
                        newpage.Controls.Add(ltrDivStart);         
                        newpage.Controls.Add(ltrTitle);         
                        newpage.Controls.Add(txtTitle);         
                        newpage.Controls.Add(ltrDivEnd);         
                        newpage.Controls.Add(ltrDivStart2);         
                        newpage.Controls.Add(updatepanel);         
                        newpage.Controls.Add(ltrDivEnd2);         
                        HiddenField hiddenField = new HiddenField();         
                        hiddenField.Value = Languages[e.PageView.Index];         
                        newpage.Controls.Add(hiddenField);         
                    }         
                     

This was suggested by a member of the team. Now, outside of the control that contains the tab strip and multi page and all that I have an asp:Button. On its OnClick event I want to get the values of everything in this control. My problem is that PageViewCreated fires before everything else when I click the button. Before the function I have for OnClick and before Page_Load. Any solutions? Thanks in advance.

TabStrip

answered on 26 May 2010

2 answers

117 views

Spell Check an HTML SELECT

Hello, I'm wondering if it's possible for RadSpell to check and correct the spelling inside an HTML SELECT element? For example, say I have this HTML snippet:

<option value="forezt">forezt</option><option value="G">G</option><option value="d">d</option><option value="e">e</option><option value="f">f</option></select>

Notice the incorrectly spelled word "forezt".

Now to add a twist to this, say I have several SELECT elements, all with the same options. Would it be possible to get RAD spell check treat all the SELECT's as one? i.e. look only at the first SELECT element and it's OPTIONs, but then correct the spelling in all the other SELECT elements with the class id of pulldown_choice_options.

We're using jQuery, ASP.NET MVC

Hope this makes sense.

TIA

Spell

answered on 26 May 2010

3 answers

78 views

RadMenu in DNN 5.3.1

Does anyone know if the RadMenu have a problem when using named portal instances vs. numbered portal instances it DotNetNuke.
We are having an issue with the Admin and Host icons displaying as broken images with named portal instances.

For example...
We have a shared portal environment setup.
When we use the RadMenu with the following structure:
/Portals/0/skins/telerik/
The Admin menu and Host menu display without issue.

However, when we use the RadMenu with the following structure:
/Portals/telerik/skins/telerik/
The Admin menu and Host menu icons do not display correctly. Upon further inspection, the path that get's injected is as follows.
/Portals/telerik/~/images/icon_sitesettings_16px.gif

Please advise.

Thanks in advance.

Menu

answered on 26 May 2010

1 answer

215 views

How to use radajax manager with UserControl

Hi,
I am trying to use RadAjaxManager tool to update third party control. AjaxManager works fine if I just use ASP.Net web controls. Once I introduce ThinkGeo map control my application does not display map. My application is supposed to have partial page update on button click, but I am loosing my map even during page load.
Without the RadAjax Manager, my applicatio

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Test" %> 
        
            <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register assembly="WebEdition" namespace="ThinkGeo.MapSuite.WebEdition" tagprefix="cc1" %> 
        
            <%@ Register Src="~/Map.ascx" TagName="Map" TagPrefix="ucMap" %> 
        
            <%@ Register Src="~/ElementInfo.ascx" TagName="ExcelData" TagPrefix="cc2" %> 
        
            <!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>Next Gen Web Browser</title> 
        
                <link href="MainPageStyle.css" rel="stylesheet" type="text/css" /> 
        
             </head> 
        
                <body> 
        
                <form  runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <%-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script> 
        
             <script type="text/javascript">   
        
                        $(document).ready(function() { 
        
                            SendPostBack(); 
        
                        }); 
        
                        function SendPostBack() { 
        
                           <%=Page.GetPostBackEventReference(btnDummy)%>; 
        
                        } 
        
                 </script>--%> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                     <AjaxSettings> 
        
                         <telerik:AjaxSetting AjaxControlID="Button1"> 
        
                             <UpdatedControls> 
        
                                 <telerik:AjaxUpdatedControl ControlID="MapDivSplitter" /> 
        
                             </UpdatedControls> 
        
                         </telerik:AjaxSetting> 
        
                         <telerik:AjaxSetting AjaxControlID="Button2"> 
        
                             <UpdatedControls> 
        
                                 <telerik:AjaxUpdatedControl ControlID="MapDivSplitter" /> 
        
                             </UpdatedControls> 
        
                         </telerik:AjaxSetting> 
        
                         <telerik:AjaxSetting AjaxControlID="Map1"> 
        
                             <UpdatedControls> 
        
                                 <telerik:AjaxUpdatedControl ControlID="Map1" /> 
        
                             </UpdatedControls> 
        
                         </telerik:AjaxSetting> 
        
                     </AjaxSettings> 
        
                </telerik:RadAjaxManager>   
        
                <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%"   
        
                    Width="100%" PanesBorderSize="0"  BorderSize="0"   
        
                         Orientation="Horizontal" Skin="Vista" LiveResize="true"  
        
                    VisibleDuringInit="false" ResizeWithBrowserWindow="true"  > 
        
                    <telerik:RadPane ID="TitleBarPane" runat="server" Locked="true" Height="94px"> 
        
                             <asp:Image ID="logoImage" ImageUrl="theme/default/Logo.JPG"  alt="Company Logo" runat="server" /> 
        
                            <asp:Image id="logoStretch" ImageUrl="theme/default/LogoStretch.JPG" alt="Fill Image"   runat="server" Height="95px" Width="100%" /> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar ID="TitleRadSplitBar" runat="server"  /> 
        
                    <telerik:RadPane ID="ContentPane" runat="server" Scrolling="None"> 
        
                        <telerik:RadSplitter ID="ContentRadSplitter" runat="server" Skin="Vista" PanesBorderSize="0"  BorderSize="0" > 
        
                            <telerik:RadPane ID="LeftRadPane" runat="server" Width="230" BackColor="White" Scrolling="None"> 
        
                                 <asp:Button ID="Button1" runat="server" Text="Display Second Image "   onclick="Button1_Click"/> 
        
                                 <asp:Button ID="Button2" runat="server" Text="Hide Second Image "   onclick="Button2_Click"/> 
        
                           </telerik:RadPane> 
        
                            <telerik:RadSplitBar ID="NavRadSplitBar" runat="server" CollapseMode="Forward"  /> 
        
                            <telerik:RadPane ID="MapRadPane" runat="server" Scrolling="None"   > 
        
                                         <telerik:RadSplitter ID="MapDivSplitter" runat="server" Orientation="Horizontal" Skin="Vista" LiveResize="true" VisibleDuringInit="false" PanesBorderSize="0"  BorderSize="0"   > 
        
                                         <telerik:RadPane ID="MapPane" runat="server" Scrolling="None" > 
        
                                         <%--<asp:Button ID="btnDummy" runat="server"    Width="200" Height="30" 
        
                                                style="z-index:200; position:absolute; top:9px; left:179px;"  
        
                                                onclick="btnDummy_Click"  />--%> 
        
                                                <asp:Panel  ID="MyPanel" Height="100%" Width="100%" runat="server" ScrollBars="None"> 
        
                                            <cc1:Map ID="Map1" runat="server" Height="100%" Width="100%" > 
        
                                            </cc1:Map> 
        
                                            </asp:Panel> 
        
                                             </telerik:RadPane> 
        
                                            <telerik:RadSplitBar ID="MapRadSplitBar" runat="server" CollapseMode="None" /> 
        
                                            <telerik:RadPane ID="DataGridPane" runat="server" MinHeight="100" Height="130" Scrolling="Both" Collapsed="true">  
        
                                                 <%--<cc2:ExcelData  ID="Exceldata" runat="server"  />--%> 
        
                                            </telerik:RadPane> 
        
                                        </telerik:RadSplitter> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using Telerik.Web.UI; 
        
            using System.Data.SqlClient; 
        
            using System.Data; 
        
            using ThinkGeo.MapSuite.Core; 
        
            using ThinkGeo.MapSuite.WebEdition; 
        
            using System.Drawing; 
        
                public partial class Test : System.Web.UI.Page 
        
                { 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        if (!IsPostBack) 
        
                               openMap(); 
        
                       // NextGenProject.OpenProject(); 
        
                    } 
        
                    protected void Button1_Click(object sender, EventArgs e) 
        
                    { 
        
                        DataGridPane.Collapsed = false; 
        
                        DataGridPane.Splitter.SplitBarsSize = 6; 
        
                        MapRadSplitBar.CollapseMode = SplitBarCollapseMode.Both; 
        
                        //Map1.BackColor = Color.Green; 
        
                        //if (DataGridPane.Controls.Count > 0) 
        
                        //    DataGridPane.Controls.Clear(); 
        
                        //Control userControl = LoadControl("~/ElementInfo.ascx"); 
        
                        //DataGridPane.Controls.Add(userControl); 
        
                    } 
        
                    protected void Button2_Click(object sender, EventArgs e) 
        
                    { 
        
                        DataGridPane.Collapsed = true; 
        
                        DataGridPane.Splitter.SplitBarsSize = 6; 
        
                        MapRadSplitBar.CollapseMode = SplitBarCollapseMode.None; 
        
                       // Map1.BackColor = Color.Lavender; 
        
                        //if (MapPane.Controls.Count > 0) 
        
                        //    MapPane.Controls.Clear(); 
        
                        //Control userControl = LoadControl("~/Map.ascx"); 
        
                        //MapPane.Controls.Add(userControl); 
        
                    } 
        
                    void openMap() 
        
                    { 
        
                        string connectionString = "Data Source=MAPCOM071\\SQLEXPRESS2008;Initial Catalog=Lakeland;Integrated Security=True"; 
        
                        MsSql2008FeatureLayer fsl = new MsSql2008FeatureLayer(connectionString, "msiOverview", "ID"); 
        
                        fsl.ZoomLevelSet.ZoomLevel01.DefaultLineStyle = LineStyles.Canal1; 
        
                        fsl.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel = ApplyUntilZoomLevel.Level20; 
        
                        fsl.Open(); 
        
                        RectangleShape currentExtent = fsl.GetBoundingBox(); 
        
                        fsl.Close(); 
        
                        fsl.Srid = 0; 
        
                        Map1.StaticOverlay.Layers.Add(fsl); 
        
                        Map1.MapUnit = GeographyUnit.Feet; 
        
                        Map1.CurrentExtent = currentExtent; 
        
                        Map1.BackColor = Color.DarkGoldenrod; 
        
                    } 
        
                    protected void btnDummy_Click(object sender, EventArgs e) 
        
                    { 
        
                        Map1.BackColor = Color.Indigo; 
        
                    } 
        
                }

n displays map on right and buttons on left but with RadAjax Manager my map panel is empty. How can I ajaxify my application with Ajax Manager. Given below is my code and mark up.

I have another issue with RadAjax manager. I wanted to set "Initiater control" and "Update control" using visual builder but I cannot see my user control in visual builder. Is it normal or am I missing something?

Thanks
Prava

Ajax

answered on 26 May 2010

3 answers

229 views

Format Lablel to display Negative currency Values and Bold

Hi,

How can I format the value in the chart to display Negative vlaues when my data is in -ve values.
I have currently set it to the following:

s.DefaultLabelValue = "#Y{C0}"

Aslo, I want to set Chart Slices Label Font to Bold.

Thanks, Malli

Chart (Obsolete)

answered on 26 May 2010

4 answers

145 views

Grid Expanded State

Hello again,

How do you retain the current expanded state of a radgrid after navigation to another page. I know I can do so by envoking Javascript "history" but must thumb through the cached pages to return. Using "Response.Redirect" returns to a clapsed grid.

Thank you,

Steve O...

Grid

answered on 26 May 2010

1 answer

119 views

Reusing UserControls

Hello

I have a user control with telerik conponents inside.
I have a clientside event on click with one of the controls inside the usercontrol and it triggers a javascript.

My problem is that when i add a telerik:RadMultiPage then i add the usercontrol in the first tab then the same usercontrol in the second tab, when i click on the controls of the first tab the javascript of the second tab fires.

what should i do?
I traced it and found out that i have 2 javascript with the same name since i reuse a usercontrol.

is there a blocker so to make my javascript fire only inside the usercontrol and will not go to other javascript with the same name

thanks

General Discussions

answered on 26 May 2010

5 answers

129 views

is it possible to have sticky sublevel menus when a new page loads?

Hi,

Is there a way I can have all sub level menus to be sticky?I want to use this for a website navigation menu, where each item loads a different page. For example : When i open any second level or third level menu item from a menu, is it possible for all levels - first level and second level menu to be always displayed when the new page loads?

Any help/ documentation / code on the same is highly appreciated.

Many Thanks,
Ritika

Menu

answered on 26 May 2010

3 answers

120 views

[Solved] Issue with applying CSS and moving menu to right

Hi

I am facing below issue

please help me with this. When ever i am adding dir="rtl" the oder changes.

see the first image (wrong i just want this to move to the right corner of my screen in the same order.

but when ever i use dir="rtl" then it changes its order.

Please help

                    <telerik:RadMenu runat="server" id="MENUK"  Width="417px"          
                TopAligment="Right" EnableShadows="true" EnableRoundedCorners="true"          
                Skin="Sitefinity" BackColor="#000066" Font-Bold="True"          
                Font-Names="Arial Black" ForeColor="White" dir="rtl"></telerik:RadMenu>         

Menu

answered on 26 May 2010

1 answer

214 views

[Solved] Splitter resize with silverlight content

I have a web page that is divided in two halves using a rad splitter. The left RadPane contains a Silverlight application and the right pane contains web pages. I can resize and make the silverlight pane bigger, but not smaller. I start dragging the splitterbar to the left, but as soon as the mouse enters over the silverlight application it takes focus and the resize is canceled.

I've tried fiddling with z-index and stuff, but I simply cannot make the size of the left pane smaller. Any javascript magic on some client side events I can try? I was thinking I might be able to do something on OnClientBeforeResize and the something else on OnClientResized. But what?

Splitter

answered on 26 May 2010