Questions on UI for ASP.NET AJAX Forum

3 answers

102 views

Problems upgrading Q3 2008 to Q1 2009

Hi guys,

Recently I installed the trial version and worked with it and all seems to be ok, I buy the Q1 version and uninstall the Q3 and here's where the pandemonium began... try to put a radajaxmanager on my ascx and the IDE says that the controls was not registered and the assembly could not be loaded, I erase the web.config line, delete the assemblies from gac, and finally and due my desperation uninstall everything once again, restart and install again, so I was thinking that the problem could be on the vsproject itself, but I get some clue of whats happening, when I use the smart tag of the radajaxmanager the design view provides me of the html tags that it made on the smart tag form and looks like this:

    
            <Telerik.Web.UI.AjaxSetting AjaxControlID="btnDelete"><UpdatedControls> 
        
            <Telerik.Web.UI.AjaxUpdatedControl ControlID="pnlOrderDetail"></Telerik.Web.UI.AjaxUpdatedControl> 
        
            </UpdatedControls> 
        
            </Telerik.Web.UI.AjaxSetting> 
        
            <Telerik.Web.UI.AjaxSetting AjaxControlID="btnNotfound"><UpdatedControls> 
        
            <Telerik.Web.UI.AjaxUpdatedControl ControlID="pnlOrderDetail"></Telerik.Web.UI.AjaxUpdatedControl> 
        
            </UpdatedControls> 
        
            </Telerik.Web.UI.AjaxSetting> 
        
            <Telerik.Web.UI.AjaxSetting AjaxControlID="btnMatchmaking"><UpdatedControls> 
        
            <Telerik.Web.UI.AjaxUpdatedControl ControlID="pnlOrderDetail"></Telerik.Web.UI.AjaxUpdatedControl> 
        
            </UpdatedControls> 
        
            </Telerik.Web.UI.AjaxSetting> 
        
            <Telerik.Web.UI.AjaxSetting AjaxControlID="btnAddToMyOrders"><UpdatedControls> 
        
            <Telerik.Web.UI.AjaxUpdatedControl ControlID="pnlOrderDetail"></Telerik.Web.UI.AjaxUpdatedControl> 
        
            </UpdatedControls> 
        
            </Telerik.Web.UI.AjaxSetting>

but with these tags a runtime error appears and it says that the control Telerik.Web.UI.AjaxSetting is not a HtmlGeneric control, but when I rolled back to my old style sentences of Q3 like this:

    
            <telerik:AjaxSetting AjaxControlID="btnDelete">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="pnlOrderDetail" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting>          
        
                    <telerik:AjaxSetting AjaxControlID="btnNotfound">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="pnlOrderDetail" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting>          
        
                    <telerik:AjaxSetting AjaxControlID="btnMatchmaking">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="pnlOrderDetail" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting>   
        
                    <telerik:AjaxSetting AjaxControlID="btnAddToMyOrders">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="pnlOrderDetail" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting>

And....... IT WORKS!!! so whats the deal? what im doing wrong? thank you in advance for your future help and sorry for my poor english :)

KMILO

Ajax

answered on 13 Apr 2009

3 answers

106 views

RadWindow in a RadDock

Is it possible to put a RadWindow in a RadDock?

Thanks,

Joe B

Dock

answered on 13 Apr 2009

7 answers

288 views

Async partial updates with telerik ajax

Hi,

I'm messing around with the MS live toolkit.
One thing in this is the Contacts Control.

I got it working like this:

    
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
        
                <live:Contacts ID="Contacts1" runat="server" DataDesired="firstname,email" Height="300px" Width="250px" PrivacyStatementURL="~/EIGPrivacy.aspx" OnServerData="Contacts1_OnServerData" /> 
        
                <br /> 
        
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <asp:Label ID="lblErg" runat="server"></asp:Label> 
        
                    </ContentTemplate> 
        
                    <Triggers> 
        
                        <asp:AsyncPostBackTrigger ControlID="Contacts1" EventName="ServerData" /> 
        
                    </Triggers> 
        
                </asp:UpdatePanel> 
        
            </asp:Content>

But when I try this with RadAjaxManager it does not work (the label does not update)

    
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="alpPan1">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="Contacts1" EventName="ServerData">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="lblErg" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadAjaxLoadingPanel ID="alpPan1" runat="server" Height="75px" Width="75px" Transparency="5">  
        
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0;" /> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                <live:Contacts ID="Contacts1" runat="server" DataDesired="firstname,email" Height="300px" Width="250px" PrivacyStatementURL="~/EIGPrivacy.aspx" OnServerData="Contacts1_OnServerData" /> 
        
                <br /> 
        
                <asp:Label ID="lblErg" runat="server"></asp:Label> 
        
            </asp:Content>

By the way - using the smarttag on RadAjaxManager to config the manager I don't get the contacts control listed.
But that's not the thing - I'm just curios if the approach with asp:update... can be done with telerik Ajax also.

Regards

Manfred

Ajax

answered on 13 Apr 2009

1 answer

172 views

RadWindow hide RadSplitter's horizontal scrollbar

Hi Everyone,

I'm using RadWindow with a RadSplitter inside it. User are able to resize windows freely. Splitter's height and width are set to '100%'. On top of the splitter is a toolbar.

Everythings works fine except RadWindow's bottom border hide RadSplitter's horizontal scrollbar. Remove the toolbar resolve the problem but I dont want to remove that toolbar.

Any suggestion??

Thanks

Window

answered on 13 Apr 2009

1 answer

161 views

Preserve Page and Sort In Session variables

I know how to capture the page and the sort header and direction in session variables. I do not know how to apply these to the grid. Can someone show me how to set grid sort/direction and page when the page is not post back (I will test to see if session variables are not null)

Thanks

Grid

answered on 13 Apr 2009

3 answers

167 views

Convert data type of input parameter

I have two comboboxes on a web form. The first combobox returns a date in the form of a string. The datasource of the second combobox is a stored procedure that requires a datetime input parameter. I would like to use the first combobox as the source of the input parameter for the second combobox but the datatype is wrong. Is there anyway that it is possible to convert the datatype of first combobox -- that is without having to rewrite the stored procedure. Something like:

    
            <%@ Control Language="VB" AutoEventWireup="false" CodeFile="AllTab115Instances.ascx.vb" Inherits="AllInstances" %>  
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>  
        
            <telerik:RadComboBox ID="RadComboBox1" runat="server"   
        
                DataSourceID="SqlDataSource1" DataTextField="Instance_name"   
        
                DataValueField="Instance_name" Width="110px">  
        
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>  
        
            </telerik:RadComboBox>  
        
            <asp:TextBox ID="txtNotBeforeDate" runat="server" Visible="False"></asp:TextBox>  
        
            <asp:SqlDataSource ID="SqlDataSource1" runat="server"   
        
                ConnectionString="<%$ ConnectionStrings:ActiveString %>"   
        
                SelectCommand="stdprc_GetAllTab115Instances"   
        
                SelectCommandType="StoredProcedure">  
        
                <SelectParameters>  
        
                    <asp:ControlParameter ControlID="txtNotBeforeDate"      DefaultValue="1/1/1900"   
        
                        Name="NotBefore" 
        
                        --the next line is where I would think you might convert type?  
        
                    PropertyName=Ctype("Text",dateTime)   
        
                     Type="DateTime" />  
        
                </SelectParameters>  
        
            </asp:SqlDataSource>

I also have a second question. Is there a way to programmatically select the first item in the first combobox when the page initially opens?

ComboBox

answered on 13 Apr 2009

1 answer

122 views

[Solved] Configuration Error

am using RadChart for ASP.NET AJAX (2009.1 402) . it work fine my production server where i run the Telerik setup and installed the RadControls_for_ASP.NET_AJAX_2009_1_402_dev when i upload my project on my live server it show the configuration error and create a log file to fail the assembly 'Telerik.Web.Design, Version=2009.1.402.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4' could not be loaded.
I replaced the new Telerik.Web.UI.dll file with old one in BIN folder but fail to run the project.

Chart (Obsolete)

answered on 13 Apr 2009

2 answers

207 views

[Solved] RadDock Problem !

Hello everyone,

I'm facing a problem with RadDock, the following what I'm trying to do:

There're 4 docks in 2 Zones, the user can close these, and when the user close it the name of the closed Docks will be in a dropdownlist, if the user selected that name the dock will be visible again.
[ I tried to read all the online and offile docs to solve it but I couldn't ]

this is my code to apply this :

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestingThis.aspx.cs" Inherits="TestingThis" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!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></title>  
        
                <style type="text/css">  
        
                    .style1  
        
                    {  
        
                        width: 100%;  
        
                    }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                </asp:ScriptManager> 
        
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <telerik:RadDockLayout ID="RadDockLayout1" Runat="server" Skin="Hay"   
        
                    onloaddocklayout="RadDockLayout1_LoadDockLayout"   
        
                    onsavedocklayout="RadDockLayout1_SaveDockLayout">  
        
                            Show Box  
        
                            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"   
        
                                style="direction: ltr">  
        
                            </asp:DropDownList> 
        
                            &nbsp;<table class="style1">  
        
                                <tr> 
        
                                    <td> 
        
                                        <telerik:RadDockZone ID="RadDockZone1" Runat="server" MinWidth="">  
        
                                            <telerik:RadDock ID="RadDock1" Runat="server" Width="300px" AutoPostBack="true" 
        
                                        CommandsAutoPostBack="True">  
        
                                        <TitlebarTemplate>Attendance Report</TitlebarTemplate> 
        
                                                <ContentTemplate> 
        
                                                    This is RadDock 1  
        
                                                </ContentTemplate> 
        
                                            </telerik:RadDock> 
        
                                            <telerik:RadDock ID="RadDock2" Runat="server" Width="300px" AutoPostBack="true"   
        
                                        CommandsAutoPostBack="True">  
        
                                                <ContentTemplate> 
        
                                                    This is RadDock 2  
        
                                                </ContentTemplate> 
        
                                            </telerik:RadDock> 
        
                                        </telerik:RadDockZone> 
        
                                    </td> 
        
                                    <td> 
        
                                        <telerik:RadDockZone ID="RadDockZone2" Runat="server" MinWidth="">  
        
                                            <telerik:RadDock ID="RadDock3" Runat="server" Width="300px" AutoPostBack="true"   
        
                                        CommandsAutoPostBack="True">  
        
                                                <ContentTemplate> 
        
                                                    This is RadDock 3  
        
                                                </ContentTemplate> 
        
                                            </telerik:RadDock> 
        
                                            <telerik:RadDock ID="RadDock4" Runat="server" Width="300px" AutoPostBack="true"   
        
                                        CommandsAutoPostBack="True">  
        
                                                <ContentTemplate> 
        
                                                    This is RadDock 4  
        
                                                </ContentTemplate> 
        
                                            </telerik:RadDock> 
        
                                        </telerik:RadDockZone> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </telerik:RadDockLayout> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using Telerik.Web.UI;  
        
            using System.Text;  
        
            public partial class TestingThis : System.Web.UI.Page  
        
            {  
        
                protected void RadDockLayout1_LoadDockLayout(object sender, Telerik.Web.UI.DockLayoutEventArgs e)  
        
                {  
        
                    if (!Page.IsPostBack)  
        
                    {  
        
                        HttpCookie positionsCookie = Request.Cookies.Get("positionsCookie");  
        
                        if (positionsCookie != null)  
        
                        {  
        
                            String serializedList = positionsCookie.Value;  
        
                            if (serializedList != null)  
        
                            {  
        
                                String[] states = serializedList.Split('|');  
        
                                for (int i = 0; i < states.Length - 1; i++)  
        
                                {  
        
                                    DockState state = DockState.Deserialize(states[i]);  
        
                                    RadDock dock = (RadDock)RadDockLayout1.FindControl(state.UniqueName);  
        
                                    dock.ApplyState(state);  
        
                                    e.Positions[state.UniqueName] = state.DockZoneID;  
        
                                    e.Indices[state.UniqueName] = state.Index;  
        
                                }  
        
                            }  
        
                        }  
        
                    }  
        
                }  
        
                protected void RadDockLayout1_SaveDockLayout(object sender, Telerik.Web.UI.DockLayoutEventArgs e)  
        
                {  
        
                    HttpCookie positionsCookie = new HttpCookie("positionsCookie");  
        
                    Page.Response.Cookies.Add(positionsCookie);  
        
                    List<DockState> stateList = ((RadDockLayout)sender).GetRegisteredDocksState();  
        
                    StringBuilder serializedList = new StringBuilder();  
        
                    for (int i = 0; i < stateList.Count; i++)  
        
                    {  
        
                        if (stateList[i].UniqueName == DropDownList1.SelectedValue.ToString())  
        
                        {  
        
                            RadDock dock = (RadDock)RadDockLayout1.FindControl(stateList[i].UniqueName);  
        
                            dock.Closed = false;  
        
                            DropDownList1.Items.Remove(DropDownList1.Items.FindByValue(DropDownList1.SelectedValue));  
        
                        }  
        
                        serializedList.Append(stateList[i].ToString());  
        
                        serializedList.Append("|");  
        
                    }  
        
                    positionsCookie.Expires = DateTime.MaxValue;  
        
                    positionsCookie.Value = serializedList.ToString();  
        
                    if (Page.IsPostBack)  
        
                    {  
        
                        DropDownList1.Items.Clear();  
        
                        BindDropDown();  
        
                    }  
        
                }  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {  
        
                    if (!this.IsPostBack)  
        
                    {  
        
                        BindDropDown();  
        
                    }  
        
                }  
        
                private void BindDropDown()  
        
                {  
        
                    HttpCookie positionsCookie = Request.Cookies.Get("positionsCookie");  
        
                    if (positionsCookie != null)  
        
                    {  
        
                        String serializedList = positionsCookie.Value;  
        
                        if (serializedList != null)  
        
                        {  
        
                            String[] states = serializedList.Split('|');  
        
                            for (int i = 0; i < states.Length - 1; i++)  
        
                            {  
        
                                ListItem item;  
        
                                DockState state = DockState.Deserialize(states[i]);  
        
                                RadDock dock = (RadDock)RadDockLayout1.FindControl(state.UniqueName);  
        
                                if (i == 0)  
        
                                {  
        
                                    item = new ListItem();  
        
                                    item.Text = "-------------";  
        
                                    item.Value = "-------------";  
        
                                    DropDownList1.Items.Add(item);  
        
                                }  
        
                                if (dock.Closed)  
        
                                {  
        
                                    item = new ListItem();  
        
                                    item.Text = state.UniqueName;  
        
                                    item.Value = state.UniqueName;  
        
                                    DropDownList1.Items.Add(item);  
        
                                }  
        
                            }  
        
                        }  
        
                    }  
        
                }  
        
            }

I dont know if I'm missing something or its a bug !

Thanks in advance.

Dock

answered on 13 Apr 2009

1 answer

156 views

YAxis - XAxis Labels Missing

I must be missing something easy here...

I am trying to add labels to each axis showing the unit of measure of each axis, I can't get them to appear.

Here is my Char:

    
            <telerik:RadChart   
        
                                ID="RadChart1"   
        
                                runat="server"   
        
                                AutoLayout="True" 
        
                                Width="580px"   
        
                                Height="440px"   
        
                                Skin="Colorful">  
        
                                <Series> 
        
                                    <cc1:ChartSeries  
        
                                        Name="Performance"   
        
                                        Type="Line" 
        
                                        Appearance-LineSeriesAppearance-Width="1" 
        
                                        Appearance-PointMark-Border-Color="Red"   
        
                                        Appearance-Pointmark-Dimensions-Height="1"   
        
                                        Appearance-Border-Color="117, 215, 250"   
        
                                        Appearance-FillStyle-FillType="Solid"   
        
                                        Appearance-FillStyle-MainColor="17, 147, 7"   
        
                                        Appearance-FillStyle-SecondColor="White"   
        
                                        Appearance-TextAppearance-TextProperties-Color="black"    
        
                                        Appearance-TextAppearance-TextProperties-Font="Arial, 6.5pt">  
        
                                    </cc1:ChartSeries> 
        
                                    <cc1:ChartSeries   
        
                                        Name="Power Goal"   
        
                                        Type="Line" 
        
                                        Appearance-LineSeriesAppearance-Width="1" 
        
                                        Appearance-PointMark-Border-Color="Red"   
        
                                        Appearance-Pointmark-Dimensions-Height="1"    
        
                                        Appearance-Border-Color="189, 235, 247"   
        
                                        Appearance-FillStyle-FillType="Solid"   
        
                                        Appearance-FillStyle-MainColor="0, 166, 235"   
        
                                        Appearance-FillStyle-SecondColor="White"   
        
                                        Appearance-TextAppearance-TextProperties-Color="black"    
        
                                        Appearance-TextAppearance-TextProperties-Font="Arial, 6.5pt">  
        
                                    </cc1:ChartSeries> 
        
                                    <cc1:ChartSeries   
        
                                        Name="Operating Point"   
        
                                        Type="Line" 
        
                                        Appearance-LineSeriesAppearance-Width="1" 
        
                                        Appearance-PointMark-Border-Color="Red"   
        
                                        Appearance-PointMark-Figure="Diamond"   
        
                                        Appearance-Pointmark-Dimensions-Height="7"   
        
                                        Appearance-Border-Color="red"   
        
                                        Appearance-Border-Width="0" 
        
                                        Appearance-FillStyle-FillType="Hatch"   
        
                                        Appearance-FillStyle-SecondColor="Red"   
        
                                        Appearance-FillStyle-FillSettings-GradientMode="Vertical"   
        
                                        Appearance-TextAppearance-TextProperties-Color="black"    
        
                                        Appearance-TextAppearance-TextProperties-Font="Arial, 6.5pt">   
        
                                    </cc1:ChartSeries> 
        
                                </Series> 
        
                                <PlotArea> 
        
                                    <Appearance> 
        
                                        <FillStyle FillType="Solid" MainColor="White">  
        
                                        </FillStyle> 
        
                                        <Border Color="DimGray" /> 
        
                                    </Appearance> 
        
                                    <XAxis AutoScale="true">  
        
                                        <Appearance Color="Red">  
        
                                            <MajorGridLines Color="DimGray" Width="1" /> 
        
                                        </Appearance> 
        
                                        <AxisLabel> 
        
                                            <TextBlock Text="Operating Temperature (C)" Visible="true" Appearance-Dimensions-AutoSize="true">  
        
                                                <Appearance TextProperties-Font="Verdana, 20pt, style=Bold" TextProperties-Color="Black">  
        
                                                </Appearance> 
        
                                            </TextBlock> 
        
                                        </AxisLabel> 
        
                                    </XAxis> 
        
                                    <YAxis AutoScale="true">  
        
                                        <Appearance Color="Red">  
        
                                            <MajorGridLines Color="DimGray" Width="1" /> 
        
                                        </Appearance> 
        
                                        <AxisLabel Appearance-Position-Auto="true">  
        
                                            <TextBlock Text="Power (Watts)" Visible="true">  
        
                                                <Appearance TextProperties-Font="Verdana, 20pt, style=Bold" TextProperties-Color="Black">  
        
                                                </Appearance> 
        
                                            </TextBlock> 
        
                                        </AxisLabel> 
        
                                    </YAxis> 
        
                                </PlotArea> 
        
                                <ChartTitle> 
        
                                    <Appearance Corners="Round, Round, Round, Round, 6"   
        
                                        Dimensions-Margins="4%, 10px, 14px, 0%" Position-AlignedPosition="Top">  
        
                                        <FillStyle GammaCorrection="False" MainColor="224, 224, 224">  
        
                                        </FillStyle> 
        
                                        <Border Color="DimGray" /> 
        
                                    </Appearance> 
        
                                    <TextBlock Text="Heat Pipe Performance Chart">  
        
                                        <Appearance   
        
                                            TextProperties-Font="Verdana, 11.25pt">  
        
                                        </Appearance> 
        
                                    </TextBlock> 
        
                                </ChartTitle> 
        
            <Legend> 
        
                <Appearance   
        
                    Position-AlignedPosition="Bottom"   
        
                    FillStyle-FillType="Solid">  
        
                    <ItemTextAppearance TextProperties-Color="DimGray" TextProperties-Font="Arial, 7pt">  
        
                    </ItemTextAppearance> 
        
                    <Border Color="DimGray" /> 
        
                </Appearance> 
        
            </Legend> 
        
            </telerik:RadChart>

What am I doing wrong? ....The label is this section:

</Appearance>

</TextBlock>

</AxisLabel>

Thank you.

Coty

Chart (Obsolete)

answered on 13 Apr 2009

2 answers

319 views

modal popup using window

I love the telerik controls. I've gotten pretty proficient with the grid and other controls, but I want to make a nice login page. There are two types of people that could possibly login: managers and employees. When they visit the main page of the site, they'll click a link for either manager or employee depending on which one they are. I'd like for a modal type window to popup and process the login depending on which link they click.

Manager authentication is stored in one table, employee in another. If they click the Manger link I want to run manager authentication, and if they click on the employee link I want to process employee authentication. I can handle the loggin in part but I would like a nice modal style window to popup when they click either link, and process the proper login. How can I pass the link clicked into a modal window, then show it?

Thanks!

Window

answered on 13 Apr 2009