Questions on UI for ASP.NET AJAX Forum

1 answer

147 views

Hello All,

I m using RadFormDecorator on my page. Also there is a RadGrid with GridClientSelectColumn on the page using the "Persisting the Selected Rows Client-side on Sorting/Paging/Filtering/Grouping" (http://www.telerik.com/help/aspnet-ajax/grid-persist-selected-rows-client-sorting-paging-grouping-filtering.html) feature.

I have noticed the that the when you select the checkbox at the top of the header, it acts weird in IE9. In IE9 the rows don't get selected but Firefox works well.

After doing some experimentation it seemed that the RadFormDecorator was creating problem. So I had to use DecoratedControls="All" ControlsToSkip="CheckBoxes" in the RadFormDecorator and it worked perfectly fine in IE9 as well. But the checkbox now doesn't show the decorated checkbox.

This is just to keep you informed so that if anyone else faces the same problem it might be of help.

Grid

answered on 30 Aug 2011

1 answer

99 views

RadUpload - MaxFileInputsCount includes additional fields in count

I would think that the MaxFileInputsCount would be the count of actual files allowed, but not always. As with the example below, adding a description field, the count is apparently twice the number of actual file inputs added.

So to allow 5 file inputs for example, you would need to set MaxFileInputsCount to 10 in this particular case.

I'm assuming this is from the addition of the description field, I haven't tested it with other scenarios using additional fields.

function OnClientAddedHandler(sender, eventArgs)

{

var inputRow = eventArgs.get_row();

var uList = inputRow.parentNode;

var count = 0;

// add a new row for the description field

newRow = document.createElement("li");

count++;

uList.insertBefore(newRow, inputRow);

var label = document.createElement("span");

label.innerHTML = "Description: ";

label.style.fontSize = 12;

label.id = label.name = sender.getID("DescLabel");

input = document.createElement("input");

input.type = "text";

input.id = input.name = sender.getID("DescValue");

newRow.appendChild(label);

newRow.appendChild(input);

}

Upload (Obsolete)

answered on 30 Aug 2011

3 answers

180 views

[Solved] Script Errors when using FileExplorer in RadWindow with URL

I am setting up a dialog for the RadFileExplorer explorer using the RadWindow with it pointing to another page. However, everytime I click a file that is excel or word to open I am getting several script errors. The errors are as follows:

Line: 19802
Error: Invalid calling object

Line: 6
Error: Unable to get value of the property 'toLowerCase': object is null or undefined

The dialog to open or save the file still comes up. When I debug the error I see it is something within th script manager itself. I have tried different things such as not using a master page, not using the RadScriptManager, removing Ajax Manager, etc. I am going to try an explicit file handler next to see if that will handle it (i.e FileSystemHandler.ashx?path=" + item.get_url(); ). Here is test code that replicates the issue. No code behind was needed.

WebForm1.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="FileExplorerInRadWindowWithMaster.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadCodeBlock ID="RD1" runat="server">

<script type="text/javascript">

function btnSalesContract_FileLink_Click(sender, args) {

var rwSalesContract_ContractFileExplorer = $find('<%=rwSalesContract_ContractFileExplorer.ClientID %>');

rwSalesContract_ContractFileExplorer.setUrl('FileDialog2.aspx');

rwSalesContract_ContractFileExplorer.show();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadButton ID="btnSalesContract_FileLink" runat="server"

Text="View Contract Files"

OnClientClicked="btnSalesContract_FileLink_Click"

ToolTip="Click to view this contract's files in Documentum"

Icon-PrimaryIconCssClass="rbEdit"

UseSubmitBehavior="false"

autopostback="false" />

<telerik:RadWindow ID="rwSalesContract_ContractFileExplorer" runat="server" ClientIDMode="Static"

Modal="true"

AutoSize="true"

Behaviors="Close"

Style="z-index: 2000"

></telerik:RadWindow>

</asp:Content>

FileDialog.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="FileDialog.aspx.cs" Inherits="FileExplorerInRadWindowWithMaster.FileDialog" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server">

<Configuration ViewPaths="~/Files" />

</telerik:RadFileExplorer>

</asp:Content>

Site1.Master

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="FileExplorerInRadWindowWithMaster.Site1" %>

<!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 id="Head1" runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Default">

</telerik:RadSkinManager>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</form>

</body>

</html>

FileExplorer

answered on 30 Aug 2011

21 answers

516 views

[Solved] RadEditor 6.6.3 and Firefox 6.0

Hi to all, I've got problem rendering editor tool with the latest version of Firefox (6.0): all the tools buttons are missing and there is only a text area.
I tried a test page with only the editor but the result is the same.

Have you got some idea to resolve this problem?

Thanks in advance.

Editor

answered on 30 Aug 2011

5 answers

281 views

RadGrid TemplateField Sorting in not working

I have a template definition as below:

    
            public class BoundTemplate : System.Web.UI.ITemplate  
        
                {  
        
                    public ListItemType templateType;  
        
                    public string columnName, dataType, timeZone, sortExpression;  
        
                    public bool convertTZ;  
        
                    public event CommandEventHandler OnSorting;  
        
                    public BoundTemplate(ListItemType type, string colName, string sortExpression)  
        
                    {  
        
                        templateType = type;  
        
                        this.columnName = colName;  
        
                        this.sortExpression = sortExpression;  
        
                    }  
        
                    public BoundTemplate(ListItemType type, string colName, CommandEventHandler sortHandler, string sortExpression)  
        
                    {  
        
                        templateType = type;  
        
                        this.columnName = colName;  
        
                        this.OnSorting = sortHandler;  
        
                        this.sortExpression = sortExpression;  
        
                    }  
        
                    public BoundTemplate(ListItemType type, string colName, string dataType, string timeZone, bool convertTZ)  
        
                    {  
        
                        templateType = type;  
        
                        this.columnName = colName;  
        
                        this.dataType = dataType;  
        
                        this.timeZone = timeZone;  
        
                        this.convertTZ = convertTZ;  
        
                    }  
        
                    public void InstantiateIn(Control container)  
        
                    {  
        
                        switch (templateType)  
        
                        {  
        
                            case ListItemType.Header:  
        
                                if (OnSorting != null)  
        
                                {  
        
                                    LinkButton lb = new LinkButton();  
        
                                    lb.Text = columnName;  
        
                                    //lb.CommandName = "Sort";  
        
                                    lb.Command += new CommandEventHandler(lb_Command);  
        
                                    lb.CommandArgument = sortExpression;  
        
                                    container.Controls.Add(lb);  
        
                                }  
        
                                else 
        
                                {  
        
                                    Label lbl = new Label();  
        
                                    lbl.Text = columnName;  
        
                                    container.Controls.Add(lbl);  
        
                                }  
        
                                break;  
        
                            case ListItemType.Item:  
        
                            case ListItemType.AlternatingItem:  
        
                                Label dataLabel = new Label();  
        
                                dataLabel.Text = columnName;  
        
                                container.Controls.Add(dataLabel);  
        
                                dataLabel.DataBinding += new EventHandler(Item_DataBinding);  
        
                                break;  
        
                            case ListItemType.Footer:  
        
                                break;  
        
                        }  
        
                    }  
        
                    public void lb_Command(object sender, CommandEventArgs e)  
        
                    {  
        
                        if (OnSorting == null)  
        
                            throw new Exception("Sort handler is not hooked up.");  
        
                        OnSorting(sender, e);  
        
                    }  
        
            }

In the code behind I add the control to the grid dynamically as below:

    
            GridTemplateColumn tfield = new GridTemplateColumn();  
        
            BoundTemplate headerTemplate = new BoundTemplate(ListItemType.Header, displayName, fieldName);  
        
            if (field.SelectSingleNode("@sortable") != null && field.SelectSingleNode("@sortable").Value == "true")  
        
            headerTemplate.OnSorting += new CommandEventHandler(SortGrid4TemplateFields);  
        
            tfield.HeaderTemplate = headerTemplate;  
        
            tfield.ItemTemplate = new BoundTemplate(ListItemType.Item, columnName, dataType, timeZone, convertTZ);  
        
            tfield.ItemStyle.HorizontalAlign = SetAlignment(alignment);  
        
            tfield.DataField = columnName;  
        
            tfield.UniqueName = fieldName;  
        
            //tfield.DataType = Type.GetType(dataType);  
        
            tfield.SortExpression = fieldName;  
        
            //tfield.FilterListOptions = GridFilterListOptions.VaryByDataType;  
        
            RadGrid1.MasterTableView.Columns.Add(tfield);

And finally, i have set the grid properties as below:

    
            <telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="true" AllowSorting="true" AllowPaging="true" PageSize="10" OnSortCommand="CustomSort">          
        
            <MasterTableView AutoGenerateColumns="false" AllowCustomSorting="true"></MasterTableView>   </telerik:RadGrid>

The issue is the OnSorting event handler is never getting invoked, nor is the CustomSort handler. I am trying to integrate the RadGrid control into our existing grid which has like ten templates defined and this is one of them

Grid

answered on 30 Aug 2011

3 answers

107 views

[Solved] RadTabStrip Space in SharePoint 2010

Dear Telerik-Team,

I have a strange issue with the RadTabStrip when integrating in SharePoint.

In my Visual Studio Project I added an Application page to my project that contains the TabStrib and added a sample tabstrip to it. The code looks like below:

<%@ Register Assembly="Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">

</asp:Content>

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">

Content above the TabStrip!!

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"

SelectedIndex="0" Align="Justify" ReorderTabsOnSelect="true" Width="347px">

<Tabs>

<telerik:RadTab Text="General">

</telerik:RadTab>

<telerik:RadTab Text="Tools">

</telerik:RadTab>

<telerik:RadTab Text="Hardware">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

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

Width="345px">

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

First content.

</telerik:RadPageView>

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

Second content.

</telerik:RadPageView>

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

Third content.

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Content>

<asp:Content ID="PageTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">

Application Page

</asp:Content>

<asp:Content ID="PageTitleInTitleArea" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server" >

My Application Page

</asp:Content>

It has no special code behind. The text "Content above the TabStrip!!" is displayed as expected, but the TabStrip itself will be rendered too far at the bottom. I have no idea what this can be since the cotent is inside a single ContentPlaceholder.

I have attached the outcome as an image.

PS: I have installed the latest release of the RadControls for ASP.NET AJAX

Hope you can help as soon as possible.

TabStrip

answered on 30 Aug 2011

1 answer

221 views

Creating Menu & Context Menu dynamically

I am new to Telrik & trying to create a simple Navigation Tree dynamically.
I have 2 table one used to create the Navigation Tree ("application" table) & other storing values for the context menu ("action" table). Action table rows are relative to specific item in application table (& not common for all as I found in most of the samples).
In short I am trying to generate specific set of Context Menus for every selection.
I was able to create the navigation tree. But wasnt able to attach the specfic row collection (from action table) to the corrosponding navigation tree item.
I search thru the samples & demos but most of are based on hard coded values for Contex Menu. Can somebody provide How can I achieve this?

Can anybody pls throw some light if this is achievable & if can provide some sample examples.
Thanks

Menu

answered on 30 Aug 2011

1 answer

292 views

Line chart - Blank space in left and right side

Hi,

I am using the line chart to display about 1000 points (could be more), so I thought I would use the inbuilt scrolling feature and everything looked perfect for less data points (for about 250) but when the number increased the vertical grid lines and the X-Axis labels were so close to each other it become unreadable. (please find the attached telerik.jpg)

So we tried setting the width dynamically based on the number of data points and wrap it within a div with scrolling, it works but the problem is that the generated image has a blank space in the left & right side.. (please find the attached telerik2.png).

Questions:
1. How to dynamically set the distance between the Grid Lines so that they don;t render closer (for option 1 discussed above)
2. How to remove the blank spaces (for option 2 discussed)
3. Is there any other option or setting, I should consider?

I really appreciate your help on this..

Thanks
Sathish

General Discussions

answered on 30 Aug 2011

1 answer

70 views

How to enable or disable rowdbl click property of radgrid

Hello Telerik Team,

I just would like to enable or disable rowdouble click property of radgrid from serverside based on user permission.

How can I do this??

Thanks.

Grid

answered on 30 Aug 2011

5 answers

143 views

Error - Multiple image upload in single record through grid and binary image example

I am using your sample code to upload image to the database.
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/raduploadinajaxifiedgrid/defaultcs.aspx

The example works fine when i am using only one image upload feature. Since my table has three image columns for different reasons, I am unable to modify the code for inclusion of multiple uploads for each column. Can u share any sample code as i am getting an error "System.InvalidCastException: Object must implement IConvertible.". I am unable to fix it. I am trying below mentioned code.

function conditionalPostback(sender, eventArgs) {

var theRegexp = new RegExp("\.UpdateButton$|\.PerformInsertButton$", "ig");

if (eventArgs.get_eventTarget().match(theRegexp)) {

var upload = $find(window['UploadId']);

var uploadmid = $find(window['UploadIdMid']);

var uploadthumb = $find(window['UploadIdThumb']);

// Test script for all

if (upload.getFileInputs()[0].value != "" || uploadmid.getFileInputs()[0].value != "" || uploadthumb.getFileInputs()[0].value != "") {

eventArgs.set_enableAjax(false);

}

BinaryImage

answered on 30 Aug 2011