Questions on UI for ASP.NET AJAX Forum

1 answer

115 views

[Solved] The problem of the radchart in the asp:panel

I can not use a radchart in my panel.
I want to use three radchart in a panel.But the radchart is always on the top of the panel,not in the panel.
The scrollbar of the panel can not control the radchart.
I am using IE7.0 and IE8.0. There is no problem in Firefox and Chrome.

The code is below.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testchart.aspx.cs" Inherits="Web.testchart" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Charting" 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>
    <script type="text/javascript">

      function pageLoad() {
      }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1">

</telerik:RadScriptManager>
<telerik:RadWindowManager runat="server" ID="RadWindowManager1">
</telerik:RadWindowManager>
    <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Default,Zone" />
    <asp:Panel ID="Panel1" runat="server" ScrollBars="Both" Width="600" Height="300">
    <telerik:RadChart ID="RadChartx1" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                        <ClientSettings ScrollMode="Both" />
                        <Series>
                            <telerik:ChartSeries Type="Line">
                            </telerik:ChartSeries>
                        </Series>
                        <Legend Visible="false"></Legend>
                        <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                        </ChartTitle>
                    </telerik:RadChart>
                    <telerik:RadChart ID="RadChartx2" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                        <ClientSettings ScrollMode="Both" />
                        <Series>
                            <telerik:ChartSeries Type="Line">
                            </telerik:ChartSeries>
                        </Series>
                        <Legend Visible="false"></Legend>
                        <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                        </ChartTitle>
                    </telerik:RadChart>
                    <telerik:RadChart ID="RadChartx3" runat="Server" Width="495px" AutoLayout="true" Skin="Mac">
                        <ClientSettings ScrollMode="Both" />
                        <Series>
                            <telerik:ChartSeries Type="Line">
                            </telerik:ChartSeries>
                        </Series>
                        <Legend Visible="false"></Legend>
                        <ChartTitle TextBlock-Text="Zooming / Scrolling (no initial scaling)">
                        </ChartTitle>
                    </telerik:RadChart>
    </asp:Panel>
    </form>
</body>
</html>

THANKS.

Chart (Obsolete)

answered on 19 Apr 2010

1 answer

117 views

Hierarchical data in grid

I'm trying to create a hierarchical grid with 3 levels.

I get these 3 levels, but on the child levels I get all data, so the parent/child view relations seem to be ignored, what am i doing wrong?

Thanks in advance.

Martin

<%@ Page Title="" Language="C#" MasterPageFile="~/PresentationLayer/MyProject.Master" AutoEventWireup="true" CodeBehind="AA.aspx.cs" Inherits="Projects.MyProject.PresentationLayer.AA" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<%@ Register assembly="Infragistics35.Web.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.DataSourceControls" tagprefix="ig" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="lblPageTitle" runat="server" CssClass="pagetitle" Text="Telerik (Grid)"
Height="50px" Width="100%"></asp:Label>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder" runat="server">

            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" ShowStatusBar="true" DataSourceID="ObjectDataSource1"
            runat="server" AutoGenerateColumns="False" PageSize="7" AllowSorting="True" AllowMultiRowSelection="False"
            AllowPaging="True" GridLines="None">
            <PagerStyle Mode="Advanced"></PagerStyle>
            <MasterTableView DataSourceID="ObjectDataSource1" DataKeyNames="EnvironmentType" AllowMultiColumnSorting="True">
                <DetailTables>
                    <telerik:GridTableView DataKeyNames="OrganizationID, EnvironmentType" DataSourceID="ObjectDataSource2" Width="100%"
                        runat="server">
                        <ParentTableRelation>
                            <telerik:GridRelationFields DetailKeyField="EnvironmentType" MasterKeyField="EnvironmentType" />
                        </ParentTableRelation>
                        <DetailTables>
                            <telerik:GridTableView DataKeyNames="OrganisationID, EnvironmentType" DataSourceID="ObjectDataSource3" Width="100%"
                                runat="server">
                                <ParentTableRelation>
                                    <telerik:GridRelationFields DetailKeyField="OrganisationID" MasterKeyField="OrganizationID" />
                                    <telerik:GridRelationFields DetailKeyField="EnvironmentType" MasterKeyField="EnvironmentType" />
                                </ParentTableRelation>
                                <Columns>
                                    <telerik:GridBoundColumn SortExpression="LocatieID" HeaderText="LocatieID" HeaderButtonType="TextButton"
                                        DataField="LocatieID" UniqueName="LocatieID">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn SortExpression="Locatiename" HeaderText="Locatiename" HeaderButtonType="TextButton"
                                        DataField="Locatiename" UniqueName="Locatiename">
                                    </telerik:GridBoundColumn>
                                          <telerik:GridBoundColumn SortExpression="OrganisationID" HeaderText="OrganisationID" HeaderButtonType="TextButton"
                                        DataField="OrganisationID" UniqueName="OrganisationID">
                                    </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn SortExpression="EnvironmentType" HeaderText="EnvironmentType" HeaderButtonType="TextButton"
                                        DataField="EnvironmentType" UniqueName="EnvironmentType">
                                    </telerik:GridBoundColumn>
                                </Columns>
                            </telerik:GridTableView>
                        </DetailTables>
                        <Columns>
                            <telerik:GridBoundColumn SortExpression="OrganizationID" HeaderText="OrganizationID" HeaderButtonType="TextButton"
                                DataField="OrganizationID" UniqueName="OrganizationID">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"
                                DataField="Name" UniqueName="Name"">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="EnvironmentType" HeaderText="EnvironmentType" HeaderButtonType="TextButton"
                                DataField="EnvironmentType" UniqueName="EnvironmentType">
                            </telerik:GridBoundColumn>
                        </Columns>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns>
                    <telerik:GridBoundColumn SortExpression="EnvironmentType" HeaderText="EnvironmentType" HeaderButtonType="TextButton"
                        DataField="EnvironmentType" UniqueName="EnvironmentType">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"
                        DataField="Name" UniqueName="Name">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

    <asp:ObjectDataSource ID="ObjectDataSource3" runat="server"
        OldValuesParameterFormatString="original_{0}" SelectMethod="GetLocations"
        TypeName="Projects.MyProject.BusinessLayer.HubEnvironmentDataUniterComponentStatusHDP">
    </asp:ObjectDataSource>
    <asp:ObjectDataSource ID="ObjectDataSource2" runat="server"
        OldValuesParameterFormatString="original_{0}" SelectMethod="GetOrganisations"
        TypeName="Projects.MyProject.BusinessLayer.HubEnvironmentDataUniterComponentStatusHDP">
    </asp:ObjectDataSource>
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
        OldValuesParameterFormatString="original_{0}" SelectMethod="GetEnvironments"
        TypeName="Projects.MyProject.BusinessLayer.HubEnvironmentDataUniterComponentStatusHDP">
        <SelectParameters>
            <asp:SessionParameter Name="envTypeFilter" SessionField="EnvironmentTypeFilter"
                Type="Int32" />
        </SelectParameters>
    </asp:ObjectDataSource>
</asp:Content>
t="server" ID="Footer1"></telerik:Footer>
    </form>
</body>
</html>
--%>

Grid

answered on 19 Apr 2010

2 answers

142 views

Tooltip on radgrid row

I try to load a tooltip after click on a radgrid row, and the first time I click all works fine, but if I close the tooltip and click another row, I'm getting a javascript error

.cs code

    
                    protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)  
        
                    {  
        
                        this.UpdateToolTip(args.Value, args.UpdatePanel);  
        
                    }  
        
                    private void UpdateToolTip(string elementID, UpdatePanel panel)  
        
                    {  
        
                        Control ctrl = Page.LoadControl("CustomerInfo.ascx");  
        
                        panel.ContentTemplateContainer.Controls.Add(ctrl);  
        
                        CustomerInfo details = (CustomerInfo)ctrl;  
        
                        details.ProductID = "test";   
        
                    }

.aspx markup

    
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> 
        
                <telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200" 
        
                        HideDelay="1" ID="RadToolTipManager1" Width="480px" Height="210px" RelativeTo="Element" 
        
                        Animation="Slide" Position="BottomCenter" OnAjaxUpdate="OnAjaxUpdate" Skin="Forest" HideEvent="ManualClose" ManualClose="True" ShowEvent="OnClick"></telerik:RadToolTipManager> 
        
                <asp:UpdatePanel ID="upUSers" runat="server">  
        
                    <ContentTemplate> 
        
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Hay" MultiPageID="rmpCustomers">  
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Selected="true" Text="Lista">  
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Distribuzione">  
        
                        </telerik:RadTab> 
        
                    </Tabs> 
        
                </telerik:RadTabStrip> 
        
                <telerik:RadMultiPage ID="rmpCustomers" runat="server" SelectedIndex="0">  
        
                            <telerik:RadPageView ID="RadPageView1" runat="server">  
        
                                <div class="back_tab">  
        
                                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                                    <AjaxSettings> 
        
                                    <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="rgrCustomers" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting> 
        
                                    </AjaxSettings> 
        
                                    </telerik:RadAjaxManager> 
        
                                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">  
        
                                    </telerik:RadAjaxLoadingPanel> 
        
                                    <br /> 
        
                                    <telerik:RadGrid ID="rgrCustomers" runat="server" AllowFilteringByColumn="True"   
        
                        AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"   
        
                        GridLines="None" Skin="Hay"    
        
                                   PageSize="15" AllowCustomPaging="True"   
        
                                   onpageindexchanged="rgrCustomers_PageIndexChanged" > 
        
                        <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">  
        
                            <Selecting AllowRowSelect="True" /> 
        
                        </ClientSettings> 
        
                        <MasterTableView> 
        
                        <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn HeaderText="ID" UniqueName="column" DataField="abecod">  
        
                                    <HeaderStyle Width="40px" /> 
        
                                    <ItemStyle Width="40px" /> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Descrizione" UniqueName="column1" DataField="abers1">  
        
                                    <HeaderStyle Width="200px" /> 
        
                                    <ItemStyle Width="200px" /> 
        
                                    </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Località" UniqueName="column2" DataField="abeloc">  
        
                                    <HeaderStyle Width="150px" /> 
        
                                    <ItemStyle Width="150px" /> 
        
                                    </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn HeaderText="Indirizzo" UniqueName="column3" DataField="abeind">  
        
                                    <HeaderStyle Width="150px" /> 
        
                                    <ItemStyle Width="2150px" /> 
        
                                    </telerik:GridBoundColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                                   <PagerStyle Mode="NextPrevNumericAndAdvanced" /> 
        
                            </telerik:RadGrid>

.ascx markup

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CustomerInfo.ascx.cs" Inherits="GestioneOrdini.CustomerInfo" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <p> 
        
                Scheda cliente</p> 
        
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="1"   
        
                Skin="Hay" MultiPageID="RadMultiPage1">  
        
                <Tabs> 
        
                    <telerik:RadTab runat="server" Text="Dati anagrafici" Selected="True">  
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Elenco contatti">  
        
                    </telerik:RadTab> 
        
                </Tabs> 
        
            </telerik:RadTabStrip> 
        
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">  
        
                <telerik:RadPageView ID="RadPageView1" runat="server">  
        
                <div> 
        
                    <asp:Label ID="Label1" runat="server" CssClass="etichette" Text="Codice"></asp:Label> 
        
                </div> 
        
                <div> 
        
                    <asp:Label ID="Label2" runat="server" CssClass="etichette" Text="Ragione sociale"></asp:Label> 
        
                </div> 
        
                <div> 
        
                    <asp:Label ID="Label3" runat="server" CssClass="etichette" Text="Indirizzo"></asp:Label> 
        
                </div> 
        
                <div> 
        
                    <asp:Label ID="Label4" runat="server" CssClass="etichette" Text="Località"></asp:Label> 
        
                </div> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="RadPageView2" runat="server">  
        
                <div>yyy</div> 
        
                </telerik:RadPageView> 
        
            </telerik:RadMultiPage>

attached the error

thanks

ToolTip

answered on 19 Apr 2010

2 answers

49 views

Add hyperlink bug? in IE

Hi

I just had a problem when insert an hyperlink in the editor. It works perfect when I insert hyperlink in the middle of the text. The problem only happens when I insert the hyperlink in the first of the paragraph. The editor will automatically add &nbsp in front of the text and remove the space after the text.

I've attached the screen shot.

BTW: I use telerik online demo editor to simulate this issue.

Editor

answered on 19 Apr 2010

3 answers

142 views

Trouble with tooltip positioning

Hi,

I'm having trouble with the positioning of a radtooltip.

I have a page containing a sort of quiz. It has a next and a previous button. To the buttons I add a page validation summary type of function. The summary is created serverside and opened.

My tooltip code looks lite:

    <telerik:RadToolTip runat="server" ID="valSumPop" Animation="None" Skin="Simple" RelativeTo="Element" ShowEvent="FromCode" IsClientID="false" HideEvent="LeaveToolTip">
        <div style="padding: 5px;">
            <asp:Literal runat="server" ID="litValSum" />
        </div>
   </telerik:RadToolTip>

and my serverside code looks something like this:

string btID = ((LinkButton)sender).ID.ToString();
            valSumPop.TargetControlID = btID;
            valSumPop.Width = Unit.Pixel(125);

            string[] valStr = valSumText.Split(new char[] { ';' }, StringSplitOptions.RemoveEmptyEntries);

            if (valStr.Length > 0)
            {
                litValSum.Text = guiText.getGuiText("validationText", langId, companyId) + "<br />";

                foreach (string s in valStr)
                {
                    litValSum.Text += s + "<br />";
                }

                valSumPop.Show();
            }

I attached 3 images to illustrate what happens. If I click the next button the tooltip appears below the button and far to the right. It also seems broken. The arrow is directly below the button but offset about 50-100 px.

If the previous button is clicked once then the next button can be clicked and the tooltip is positioned properly.

Does anyone know what causes this?

Thanks

/Christofer

ToolTip

answered on 19 Apr 2010

1 answer

120 views

TreeListView for ASP.NET AJAX?

Are there plans afoot to develop the TreeListView for ASP.NET AJAX? If so, which release could I expect it?

General Discussions

answered on 19 Apr 2010

1 answer

43 views

All exports are working except pdf is coming empty

All exports are working except pdf is coming empty????????

Grid

answered on 19 Apr 2010

2 answers

85 views

Load all Items Silently [optimize]

Hi All,

I have a combobox which is on the edittemplate of a gridview. The configuration of my combobox is Automatic Load on Demand. Every time I click the edit button on my gridview the combobox loads all items then expands the list. Is there way to load the items silently by not expanding the list and disable the control to prevent the user in entering text while loading for the first time.

The combobox has the setting filtering="contains" and contains ~30,000 items from an sqldatasource. It's slow, Is there a way to speed up the loading of this huge amount of list.

Thank You,
Aivan

ComboBox

answered on 19 Apr 2010

1 answer

573 views

Radgrid Header with Empty Datasource.

Hi,
I am using Radgrid. On page load, it is empty. But still i want to show the grid header.
And also if i bind empty datasource, the header should not become invisble.
How to achieve this? I have set

ShowHeader

="true" but no use.

Thanks in advance.

Grid

answered on 19 Apr 2010

1 answer

260 views

How to access all fields in row for custom validator

Hola,

I'm currently developing a form using a radgrid to allow users to register multiple guests for an event. Each row in the grid is a guest and the grid is editable to allow the users to add their own guests.

Two of the columns are Age & GuestOption

    
            <telerik:GridTemplateColumn UniqueName="Age" HeaderText="Age (Child Only)"> 
        
                            <ItemTemplate> 
        
                                <asp:Label runat="server" ID="lblAge" Text='<%# Bind("Age") %>'></asp:Label> 
        
                            </ItemTemplate> 
        
                            <EditItemTemplate> 
        
                                <asp:TextBox runat="server" ID="editAge" Text='<%# Bind("Age") %>' Width="20px"></asp:TextBox> 
        
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="editAge" runat="server" ValidationExpression="^[0-1]?[0-7]$" ErrorMessage="Whole numbers, under 18"></asp:RegularExpressionValidator> 
        
                            </EditItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                        <telerik:GridDropDownColumn DataField="GuestOptionsID" DataSourceID="GuestOptionsDataSource" 
        
                            HeaderText="Options" ListTextField="GuestOption" ListValueField="GuestOptionsID" 
        
                            UniqueName="GuestOption" ColumnEditorID="GuestOptionsIDEditor"> 
        
                        </telerik:GridDropDownColumn>

    
            <asp:SqlDataSource ID="GuestOptionsDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:edu_yale_som_alumnireunion_connectionstring %>" 
        
                ProviderName="System.Data.SqlClient" SelectCommand="SELECT [GuestOptionsID], [GuestOption] FROM [GuestOptions] WHERE Visible='true' order by DisplayOrder"> 
        
            </asp:SqlDataSource>

I have age being validated so that if they enter an age is needs to be less than 18. But, I also need to validate based on the option the select in the GuestOption drop down.

I'm trying to use a custom validator, but I need to be able to have access to both the value in the Age column & the value in the GuestOption drop down. Is there an easy way for me to access both those values during the validation? I can just do this all after the post the form, but I would prefer to do this with validation so that they cannot enter invalid data from the get go.

thanks,

-Jon

Grid

answered on 19 Apr 2010