Questions on UI for ASP.NET AJAX Forum

2 answers

83 views

The names of groups are rendered in a div element with class 'rocItemField'.
In my system, I have some javascript to handle the click event on this text to open a popup to edit the group name, etc.
I need this div to be keyboard accessible, but because its a div you can't tab to it.

Is there a way to define the template for a group on an orgChart, like the way you can define a template for an item?
Then i can set the group name within an anchor and have it keyboard accessible.

or can anyone recommend another approach? eg hack change all divs of class rocItemField into anchors with href='#' ?

OrgChart

answered on 22 Dec 2014

1 answer

93 views

Export pivot and chart

Hi,
I created a pivot with a chart like this demo
http://demos.telerik.com/aspnet-ajax/pivotgrid/examples/applicationscenarios/chartintegration/defaultcs.aspx
and I was wondering if is it possible to export both object in excel/word/pdf .. I don't know.. any format is fine.

Thanks

PivotGrid

answered on 22 Dec 2014

3 answers

106 views

Async upload should not postback on specific button

Hi, I have radasynupload control in datagrid. I have one button(say, button1) in another cell of a datagrid. My requirement is to continue async upload even after the button1 is clicked. I have used postbacktrigger property to add the control ids on which the rad control should postback. However the file upload stops after button1 is clicked.
Also, I read that Radasyncupload will not continue when you re-bind the datagrid. There is Ajax uploader control which holds the state even after data grid is refreshed if the control is added in update panel. Is there a way to do the same with Telerik radasync.

thanks

AsyncUpload

answered on 22 Dec 2014

2 answers

64 views

how can i add/copy a node to two parents

Hi, i need to know how to create/copy a node to a different parent.
in my tree structure i have a root and groups. when i'm down inside a group i also want to make a copy of the node and add it to a different group.

in my code i have this which add the pending user node to the GroupNode.

                    RadTreeNode nodePending = new RadTreeNode()
                    {
                        Value = group.Id.ToString() + "|" + invitation.Id.ToString(),
                        ForeColor = System.Drawing.Color.Gray
                    };

   GroupNode.Nodes.Add(nodePending);

i would like to add "nodePending" to a different group which was create here in a different loop

                RadTreeNode nodeUser = new RadTreeNode()
           {
                Text = "(Users)",
           };

the problem is if i use the following code below it does not like me putting in "nodeuser.Nodes.add"

                   nodeUser.Nodes.Add(nodePending);

suggestions?

TreeView

answered on 22 Dec 2014

1 answer

418 views

RadGrid - Set Edit mode on Particular Column.

Hi..

I'm looking to set the edit mode of a particular column.. I have Editforms Mode setup on rest of the RadGrid which I would like to retain. I wish to load the page with this column in batch edit mode so I can type a reference and use this to extract information in each row..

How can I dynamically set the edit mode to batch for this particular column, whilst retaining the editforms mode for my other columns..?

Grid

answered on 22 Dec 2014

1 answer

125 views

RadListBox Inside EditForm

Hi All

This is my scenario

I have a RadGrid, then I have an EditFormTemplate and inside I have a RadListBox, I'm able to select a value from codebehind, but I want to scroll the ListBox to the selected when the EditForm is showing, I followed this post but I'm not able to do it.

Here is my test code

ASP

<telerik:RadGrid ID="Radgrid1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="false"

AutoGenerateEditColumn="true">

<MasterTableView>

<EditFormSettings EditFormType="Template">

<PopUpSettings Width="620px" Modal="false" Height="550px" />

<FormTemplate>

<telerik:RadListBox ID="RadListBox1" runat="server" DataSource="DS" OnClientSelectedIndexChanged="selectedIndexChanged">

</telerik:RadListBox>

</FormTemplate>

</EditFormSettings>

<Columns>

<telerik:GridBoundColumn DataField="OrderID" HeaderText="OrderID">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code Behind

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound

If TypeOf e.Item Is GridDataItem Then

Dim editItem As GridDataItem = DirectCast(e.Item, GridDataItem)

Dim ddlCurrency As RadListBox = DirectCast(editItem.FindControl("RadListBox1"), RadListBox)

If ddlCurrency IsNot Nothing Then

Dim item As RadListBoxItem = ddlCurrency.FindItemByText(strCurrency)

If item IsNot Nothing Then

ddlCurrency.SelectedValue = hdnValue.Value

End If

End Sub

Javascript

function selectedIndexChanged(sender, args)

{

var item = args.get_item();

item.scrollIntoView();

}

I know that I can only use the scrollIntoView() inside JavaScript but the function selectedIndexChanged is not firing, is there a way to scroll when I select the item in the code behind or server-side?
Thanks in advance

ListBox

answered on 22 Dec 2014

3 answers

82 views

RadEditor - two requests when page is loaded

Hi,

i'm using the RadEditor control in a sharepoint 2010 publishing page and when the page loads are made two requests and the page takes a long time to load. Using firebug I can see that accessing the page 2 requests are made.

If i remove the control the page is properly loaded and only one request is made.

I'm using RadControls for ASP.NET Ajax Q1 2009 (Telerik.Web.UI, Version=2009.1.527.20.)

Editor

answered on 22 Dec 2014

4 answers

127 views

Tabs not visible if scrolling is enabled

Well I'm struggling with a silly issue: a very simple form contains a tabstrip. If scrolling si enabled, then the tabs just dosn't show up!

Is this a bug or am I missing something simple ??? I've put together a test page that is as simple as possible that reproduces the problem. Can anyone tell me what's going on please ?

Here is the page:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 runat="server">  
        
                <title>Page sans titre</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="ScriptManager1" runat="server"   
        
                    EnableTheming="True" OutputCompression="AutoDetect">  
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
        
                            <UpdatedControls> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <div> 
        
                <table width="100%">  
        
                    <tr> 
        
                        <td align="center">  
        
                            <table> 
        
                                <tr> 
        
                                    <td> 
        
                                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="7"   
        
                                            Skin="Inox" Width="600px" ScrollButtonsPosition="Middle"   
        
                                            ScrollChildren="True">  
        
                                            <Tabs> 
        
                                                <telerik:RadTab runat="server" Text="Aspects physiques">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Aptitudes">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Projet">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Attentes">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Vie quotidienne">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Fiche Médicale">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Passeport">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Fiche Médicale" Selected="True">  
        
                                                </telerik:RadTab> 
        
                                                <telerik:RadTab runat="server" Text="Passeport">  
        
                                                </telerik:RadTab> 
        
                                            </Tabs> 
        
                                        </telerik:RadTabStrip> 
        
                                        <telerik:RadEditor ID="RadEditor1" runat="server" Skin="WebBlue" ToolsFile="~/Xml/EditTools.xml" 
        
                                            Language="fr-FR" EnableResize="False" Enabled="False">  
        
                                            <Languages> 
        
                                                <telerik:SpellCheckerLanguage Code="fr-FR" Title="French" /> 
        
                                            </Languages> 
        
                                            <Content> 
        
                                            </Content> 
        
                                        </telerik:RadEditor> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

TabStrip

answered on 22 Dec 2014

8 answers

144 views

Required RadDatePicker passes validation if user navigates to new tab without leaving field

If you have a RadDatePicker with a asp:RequiredFieldValidator and when the user clicks a different RadTabStrip it calls Page_ClientValidate, the validator returns true even if the field is blank. However, it fails when you try to go back to the original tab causing you to never be able to fix the problem

Code below. Steps to reproduce:

1) Blank out the date but leave the cursor in the field - do not tab out or hit enter or cause a blur()
2) Click tab 2. Tab 2 loads
3) Click tab 1. Tab 1 does not load and you get a validation error "Close date is required"

I need this to work and do not know how to make it operate correctly in this case.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="Scriptmanager1" runat="server" />

<script type="text/javascript">

function ClientTabSelecting(sender, args) {

//This is mandatory to do some other stuff.

var isvalid = Page_ClientValidate();

if (isvalid) {

//

} else {

args.set_cancel(true);

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" OnClientTabSelecting="ClientTabSelecting" SelectedIndex="0">

<Tabs>

<telerik:RadTab ID="TAB1" Text="Tab 1" runat="server" PageViewID="HeaderPage" />

<telerik:RadTab ID="TAB2" Text="Tab 2" runat="server" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="HeaderPage" runat="server">

<telerik:RadDatePicker ID="CloseDate1" runat="server" CausesValidation="True" SelectedDate="2014-11-1"></telerik:RadDatePicker>

<asp:RequiredFieldValidator runat="server" Text="This field is mandatory" ControlToValidate="CloseDate1" ErrorMessage="Close date is required"></asp:RequiredFieldValidator>

</telerik:RadPageView>

<telerik:RadPageView ID="TransactionHistoryPage" runat="server">

You Should Never See This if the date entered is before 2014

<asp:Button runat="server" ID="Button1" CausesValidation="True"/>

</telerik:RadPageView>

</telerik:RadMultiPage>

<asp:ValidationSummary runat="server" ID="summary" />

</div>

</form>

</body>

</html>

Calendar

answered on 22 Dec 2014

1 answer

64 views

DetailTable location

Hi there.

We have a grid with DetailTables, all functioning properly. There is a request for the detailtable to be positioned just right of the row of the actual related row. Is this possible? Trying to come up with ideas or seeing if there is a way to do this through css.

Thanks.

Roland

Grid

answered on 22 Dec 2014