Questions on UI for ASP.NET AJAX Forum

11 answers

392 views

Hi,

I need Modalpopup extender like control in my application.

Is there anyway to use RadWindow as modal popup (without creating separate page) ?

I tried using RadDoc, but it is not looking good as RadWindow and main thing is, it does not provide modality. user can click controls on backside of the popup.

Thanks,

Window

answered on 25 Nov 2009

7 answers

217 views

Hide CSS-styles dropdown on dialogs

Hi,

Is it possible to hide the CSS-classes label and dropdown that appears on dialogs (i.e. on image manager/properties, hyperlink manager). Alternatively, how can I set the data source for the css-classes dropdown. Currently it loads all the application's styles and the result is awkward. The application in question cannot use styles so it is not needed. I prefer to hide it but if not possible, than set it to an empty data source.

BR,
eyal

Editor

answered on 25 Nov 2009

1 answer

120 views

UI Design problem with rad combo - Double line border

Hi,
I am using rad combo in user control but it has double borders in its design. Please see the image attached with this post.
I am using following code for it.

.ascx

    
            <rad:RadComboBox  NoWrap="true"   ID="ddlCurrency" runat="server" Width="278px"  
        
                                Height="100px" Skin="WebBlue" EnableLoadOnDemand="True"  
        
                                        EnableVirtualScrolling="True" MarkFirstMatch="True"  
        
                                ShowMoreResultsBox="True" AllowCustomText="True" 
        
                                Text='<%#Convert.ToString(DataBinder.Eval( Container, "DataItem.Currency")) %>' > 
        
                                                <CollapseAnimation Duration="200" Type="OutQuint"></CollapseAnimation> 
        
                                    </rad:RadComboBox>

Almost similar code I am using in .aspx page this is working fine.

Any clue whats could be the reason ?

Thanks,
Awadh

ComboBox

answered on 25 Nov 2009

1 answer

70 views

RadWindow Position Issue

Hi Admin,

We are using Telerik Radwindow to drag from RadTreeview Node to the RadPane, and we are using XML for storing RadWindow Position, but XML dosn't immediately refresh whenerver we are drag and drop the RadWindow, Please provide us a solution as soon as possible as it is very important to us.

Thanks
Afroz Shaikh

Window

answered on 25 Nov 2009

1 answer

157 views

ExtractValuesFromItem doesn't work with GridHTMLEditorColumn

Hello,

I just discovered that I get nothing from this type of column updating the row ?
Normal columns values are normally found in the Hashtable of newValues.
Is there something special to do to get its value ?

Thanks for help

CS

Grid

answered on 25 Nov 2009

1 answer

119 views

Pageview not loading inside when called inside a RadAjaxPanel

After upgrading to the Q3 build, my pageviews are no longer loading if activated by clicking a button inside an RadAjaxPanel. If a button outside of the RadAjaxPanel is clicked, the next Pageview is loaded

The next pageview is dynamically loaded when a button inside the current pageview is clicked

The structure looks like this:

<Tabstrip />
<PageView>
    <RadAjaxPanel>
        <Button Apply>
    </RadAjaxPanel>

    <Button Next>
</PageView>

If "Button Apply" is clicked, the Postback is performed and the method that loads the next PageView is called. However, the tabstrip does not update and it stays on the current tab.

If "Button Next" is clicked (outside of the ajax panel), the tabstrip does update and the next tab is displayed.

Microsoft's Ajax Update Panel has a method called "Update" that allows you to update the contents of the panel. I could not find such a method for RadAjaxPanel.

Thanks.

TabStrip

answered on 25 Nov 2009

5 answers

447 views

RadTreeView: ServerSideCallBack + Tri-State Checkboxes.

Hello,

I have been stuck trying to get a working implementation of RadTreeView using tri-state checkboxes and the ServerSideCallBack expand mode. I have a tree view that has a lot of items in it (500+ first-level nodes, each containing 3-6 second-level nodes) so ServerSideCallBack is required for optimal client-side performance. Also, I do not want to do a post back when a node is checked or unchecked.

The problem occurs when the first-level node is checked or unchecked and the node is then expanded. Regardless of whether the node was checked or unchecked prior to expansion, the server copy of the node is always checked! If the node is expanded without checking or unchecking prior, the server copy of the node is correct. I have tried many workarounds and methods to fix this problem:

- Client-side updating the server side with RadTreeView.ClientChanges. Apparently a checkbox change is not considered a client change, as the change is not recorded in the RadTreeView.ClientChanges property. Other events, such as adding a node, register with this property but not checkbox changes.

- Client-side events. Both the OnClientNodeExpanding and the OnClientNodeExpanded events fire before the child nodes are actually expanded, so a custom variable cannot be used to update the checked state of the expanded nodes after the expansion completes.

- Setting the CheckState of the node and its children manually upon node expansion. This could potentially work for a non-tri-state checkbox tree, but since the CheckState property of a RadTreeNode is read-only, I do not know of a way to make a node Indeterminate without adding its children as such.

- Looked at a lot of samples and documentation on telerik's website, nothing looks promising but perhaps I have missed something..

Below is a very simplified version of my project. If you check any one of the three first-level nodes and then expand that node, the node effectively reverts back to its previous value. If you debug the server-side expansion function, you will see that changing the checked state of a node prior to expansion always results in Node.Checked = true. Is there any way to remedy this problem? Or is this a known (or unknown) shortcoming of the RadTreeView ?

Also, I noticed in the attached demo project that checking the first-level node labeled "1" updates the root node as fully selected, even though the first-level node labeled "3" is not fully selected (see picture attachment).

Thank you for any assistance you can provide with this issue.

Kyle

Default.aspx:

                    <%@ Page Language="c#" CodeFile="Default.aspx.cs" AutoEventWireup="true" Inherits="_Default" %>         
                     
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>         
                     
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">         
            <html xmlns="http://www.w3.org/1999/xhtml">         
            <head id="Head1" runat="server">         
                <link rel="stylesheet" href="styles.css" type="text/css" />         
            </head>         
            <body>         
                <form id="Form1" runat="server">         
                         
                    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />         
                    <telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">         
                     
                        <script type="text/javascript">         
                        //<![CDATA[        
                                
                            var treeView;        
                                    
                            function pageLoad() {        
                                treeView = $find ("<%= RadTreeView1.ClientID %>");        
                            }        
                    
                            function onTreeNodeCheck(sender, args) {        
                                //do client stuff here        
                            }        
                    
                            function onTreeNodeExpand(sender, args) {        
                                //do client stuff here        
                            }        
                    
                        //]]>         
                        </script>         
                     
                    </telerik:RadCodeBlock>         
                             
                    <div style="overflow: hidden;">         
                        <ul class="qsfexAvailableActions">         
                            <li>         
                                <asp:Button ID="Button2" CssClass="qsfButton" Text="Postback" runat="server" OnClick="Button2_Click">         
                                </asp:Button>         
                            </li>         
                        </ul>         
                        <asp:UpdatePanel ID="treeUpdatePanel" runat="server" UpdateMode="Conditional">         
                            <ContentTemplate>         
                                <telerik:RadTreeView ID="RadTreeView1" runat="server" BorderColor="#898772" BorderWidth="1" BorderStyle="Solid" Skin="Hay" CheckBoxes="true" TriStateCheckBoxes="true" CheckChildNodes="true" OnClientNodeChecked="onTreeNodeCheck" OnClientNodeExpanded="onTreeNodeExpand" OnNodeExpand="treeNodeExpand" Height="420px" Width="189px">         
                                </telerik:RadTreeView>         
                            </ContentTemplate>         
                        </asp:UpdatePanel>         
                    </div>         
                             
                </form>         
            </body>         
            </html>         

Default.aspx.cs

                    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;         
                     
            public partial class _Default : System.Web.UI.Page          
            {         
                     
                public DataTable treeDataTable;          
                     
                protected void Page_Load(object sender, EventArgs e)         
                {         
                     
                    if (!IsPostBack)         
                    {         
                     
                        //create datatable to fill tree         
                        DataRow row;         
                        treeDataTable = new DataTable();         
                     
                        treeDataTable.Columns.Add("Selected");         
                        treeDataTable.Columns.Add("Market");         
                        treeDataTable.Columns.Add("Site");         
                        treeDataTable.Columns.Add("Sector");         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "0"; row["Market"] = "Cincinnati"; row["Site"] = "1"; row["Sector"] = "1";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "0"; row["Market"] = "Cincinnati"; row["Site"] = "1"; row["Sector"] = "2";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "0"; row["Market"] = "Cincinnati"; row["Site"] = "1"; row["Sector"] = "3";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "1"; row["Market"] = "Cincinnati"; row["Site"] = "2"; row["Sector"] = "1";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "1"; row["Market"] = "Cincinnati"; row["Site"] = "2"; row["Sector"] = "2";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "1"; row["Market"] = "Cincinnati"; row["Site"] = "2"; row["Sector"] = "3";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "0"; row["Market"] = "Cincinnati"; row["Site"] = "3"; row["Sector"] = "1";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "1"; row["Market"] = "Cincinnati"; row["Site"] = "3"; row["Sector"] = "2";         
                        treeDataTable.Rows.Add(row);         
                     
                        row = treeDataTable.NewRow();         
                        row["Selected"] = "0"; row["Market"] = "Cincinnati"; row["Site"] = "3"; row["Sector"] = "3";         
                        treeDataTable.Rows.Add(row);         
                     
                        //populate tree with the data         
                        populateClusterTree();         
                     
                        treeUpdatePanel.Update();         
                     
                    }         
                     
                }         
                     
                protected void populateClusterTree()         
                {         
                     
                    //clear any existing values         
                    RadTreeView1.Nodes.Clear();         
                     
                    //init node building vars         
                    string lastMarket = treeDataTable.Rows[0]["Market"].ToString();         
                    string lastMarketID = "4391";         
                    string lastSite = "-1";         
                    RadTreeNode siteNode = null;         
                    RadTreeNode sectorNode = null;         
                     
                    //add root market node         
                    RadTreeNode rootNode = new RadTreeNode(lastMarket, lastMarketID);         
                    rootNode.Expanded = true;         
                    RadTreeView1.Nodes.Add(rootNode);         
                     
                    //go through each element returned from query         
                    foreach (DataRow clusterElementRow in treeDataTable.Rows)         
                    {         
                     
                        //see if this row has a new site         
                        if (lastSite != clusterElementRow["Site"].ToString())         
                        {         
                     
                            //add last site to root node, if not null         
                            if (siteNode != null)         
                            {         
                     
                                rootNode.Nodes.Add(siteNode);         
                     
                            }         
                     
                            //new site         
                            lastSite = clusterElementRow["Site"].ToString();         
                     
                            //create site node for newly encountered site         
                            siteNode = new RadTreeNode(lastSite, lastMarketID + "-" + lastSite);         
                            siteNode.ExpandMode = TreeNodeExpandMode.ServerSideCallBack;         
                     
                        }         
                     
                        //create new sector node         
                        sectorNode = new RadTreeNode(clusterElementRow["Sector"].ToString(), lastMarketID + "-" + lastSite + "-" + clusterElementRow["Sector"].ToString());         
                     
                        //check sector node, if appropriate         
                        if (clusterElementRow["Selected"].ToString() == "1")         
                            sectorNode.Checked = true;         
                     
                        //add sector node to last site node         
                        siteNode.Nodes.Add(sectorNode);         
                                 
                    }         
                     
                    //add last site to root node, if not null         
                    if (siteNode != null)         
                    {         
                     
                        rootNode.Nodes.Add(siteNode);         
                     
                    }         
                     
                }         
                     
                protected void treeNodeExpand(object sender, RadTreeNodeEventArgs e)         
                {         
                     
                    //DEBUG THIS LINE         
                    bool nodeChecked = e.Node.Checked;         
                     
                }         
                     
                protected void Button2_Click(object sender, EventArgs e)         
                {         
                     
                    foreach (ClientOperation<RadTreeNode> operation in RadTreeView1.ClientChanges)         
                    {         
                                 
                        RadTreeNode node = operation.Item;         
                     
                        switch (operation.Type)         
                        {         
                            case ClientOperationType.Insert:         
                                break;         
                            case ClientOperationType.Remove:         
                                break;         
                            case ClientOperationType.Update:         
                                UpdateClientOperation<RadTreeNode> update = (UpdateClientOperation<RadTreeNode>)operation;         
                                break;         
                        }         
                     
                    }         
                     
                }         
                     
            }         
                     

styles.css:

                    .qsfexAvailableActions         
            {         
                list-style-type: none;         
                margin:0;         
                padding:0;         
            }         
                     
            .qsfexAvailableActions li         
            {         
                clear: left;         
                padding: 4px 0;         
            }         
                     
            .qsfexAvailableActions li span,         
            .qsfexAvailableActions li input         
            {         
                vertical-align:middle;         
            }         
                     
            .qsfexAvailableActions .qsfButtonBig,         
            .qsfexAvailableActions .qsfButton         
            {         
                text-align:center;         
                color: #333;         
                text-decoration: none;         
                line-height: 22px;         
            }         
                     
            .validator         
            {         
                font-size: 13px;         
                padding: 0 4px;         
            }         

TreeView

answered on 25 Nov 2009

1 answer

57 views

I got this error after i upgrade gontrols to latest version

There was a problem with code to get values from web.config file, c# return it with "/" in front and back as soon i remove this - problem solved

General Discussions

answered on 25 Nov 2009

6 answers

466 views

[Solved] How completely disable selected state of nodes in RadTreeView

Problem: I need to completely disable selected state of nodes in RadTreeView.

I attach OnClientNodeClicking and OnClientKeyPressing to RadTreeView.

Please, try this markup. It shows strange behaviour:

Step 1. I expand 'Node 1' by clicking on plus image ([+])
Step 2. Now I press 'Enter' (or 'Up', 'Down') key
... and .. first node is selected! (In spite of the fact that I used OnClientKeyPressing)

If in step 1 I expand 'Node 1' by double clicking on text of node - in step 2 node not selected (normal behaviour)

    
                <form id="form1" runat="server">   
        
                <asp:ScriptManager ID="ScriptManager1" runat="server" />       
        
                <div>  
        
                  <telerik:RadTreeView ID="RadTreeView1" runat="server"  
        
                     OnClientKeyPressing="OnClientKeyPressing"  
        
                     OnClientNodeClicking="OnClientNodeClicking">   
        
                    <Nodes>  
        
                      <telerik:RadTreeNode Text="Node 1">   
        
                        <Nodes>  
        
                          <telerik:RadTreeNode Text="Node 1_1" Value="1_1"></telerik:RadTreeNode>  
        
                          <telerik:RadTreeNode Text="Node 1_2" Value="1_2"></telerik:RadTreeNode>  
        
                        </Nodes>  
        
                      </telerik:RadTreeNode>  
        
                    </Nodes>  
        
                  </telerik:RadTreeView>  
        
                </div>  
        
                </form>  
        
            <script type="text/javascript">   
        
              function OnClientKeyPressing(sender, args) {   
        
                args.set_cancel(true);   
        
              }   
        
              function OnClientNodeClicking(sender, args) {   
        
                args.set_cancel(true);   
        
              }   
        
            </script>

TreeView

answered on 25 Nov 2009

3 answers

95 views

Chart :: Random Error

Hi,

When I am opening any web page that contains Report which is having Telerik BAR Chart, The Report page is giving an error on page load. The error message and stack trace are as below,

“Source: Telerik.Charting

Message: An Unexpected error has occurred. Please review the InnerException for more information how to resolve the problem.

Stack trace: at Telerik.Charting.Chart.GetException(RenderEngine renderEngine, Exception ex) at Telerik.Charting.Chart.GetImage(Int32 width, Int32 height) at Telerik.Web.UI.RadChart.RenderClassic(HtmlTextWriter writer) at Telerik.Web.UI.RadChart.RenderContents(HtmlTextWriter writer) at System.Web.UI.WebControls.WebControl.Render(HtmlTextWriter writer) at Telerik.Web.UI.RadDataBoundControl.Render(HtmlTextWriter writer) at System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) at System.Web.UI.HtmlControls.HtmlForm.RenderChildren(HtmlTextWriter writer) at System.Web.UI.HtmlControls.HtmlForm.Render(HtmlTextWriter output) at System.Web.UI.HtmlControls.HtmlForm.RenderControl(HtmlTextWriter writer) at System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) at System.Web.UI.Page.Render(HtmlTextWriter writer) at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) “

I am using Telerik.Charting.dll of version 2.0.3.0 in my project built on .NET framework 3.5 and I am binding Generic list to Telerik chart in C#.

I don’t face this error frequently but it occurs sometimes only and there is no particular situation for this error, It just occurs randomly.

Please let me know the solution for this asap.

Thanks in advance.

Chart (Obsolete)

answered on 25 Nov 2009