Questions on UI for ASP.NET AJAX Forum

21 answers

371 views

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

240 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

88 views

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

171 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

245 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

52 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

121 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

1 answer

119 views

Radbuttons disappear on postback

I have 5 radbuttons on a page. Initially the radbuttons display just fine. The buttons are all within a RadAjaxPanel. The function of one of the buttons is to update a RadGrid on the page. When this button is clicked, the RadGrid updates correctly, but all five buttons on the page disappear. I am using IE8 and the behavior only happens when I am running in compatibilty mode. Some users for this project may use IE6 or IE7. Any help will be appreciated.

Thanks,
-Dan

Button

answered on 30 Aug 2011

6 answers

203 views

default font size

I want the default font size for text boxes and masked text boxes to be 12px in size. I had a previous problem with combos and was issed with a css fix which worked ok for combos but doesnt seem to work for text boxes, here what ive tried

    
            .RadTextBox_Vista .rcbInputCell .rcbInput {     
        
                font-size: 12px !important;     
        
                padding: 2px 0 2px 1px !important;     
        
            }     
        
            .RadTextBox_Vista .rcbArrowCell a{     
        
                height: 20px !important;     
        
            }

can anyone tell me why this wont work ?

Input

answered on 30 Aug 2011

1 answer

87 views

AjaxUpdateControl error RadGrid

Hello, i have a problem that only happens if i use the code bellow :

<div>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black" />

</div>--%>

The problem is i have a RadGrid with the exportToCSV button, when i click on this button without using the code above, everything works fine...But if I added the code above the export will be done directly on the RadGrid instead of on to a .csv file.....

Can you help?

RadGrid code:

<br />

<%-- <div>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black" />

</div>--%>

<table>

<tr>

<td>

<telerik:RadButton ID="ShowProcessed" runat="server" Text="Show Processed" Skin="Black"

Width="110px" Height="40px" OnClick="ShowProcessed_Click">

</telerik:RadButton>

</td>

<td>

</td>

<td>

<telerik:RadButton ID="ShowUnProcessed" runat="server" Text="Show Unprocessed" Skin="Black"

Width="120px" Height="40px" OnClick="ShowUnProcessed_Click">

</telerik:RadButton>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" Width="97%" enableajax="True"

AllowFilteringByColumn="True" ShowFooter="True" Skin="Black" OnItemCommand="RadGrid1_ItemCommand"

OnGridExporting="RadGrid1_GridExporting" AllowMultiRowSelection="True" OnNeedDataSource="RadGrid1_NeedDataSource">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="SequencialNumber" Width="100%" CommandItemSettings-ShowExportToCsvButton="True"

CommandItemSettings-ShowAddNewRecordButton="false" CommandItemDisplay="Top">

<Columns>

<telerik:GridBoundColumn DataField="SequencialNumber" HeaderText="SequencialNumber"

UniqueName="SequencialNumber" SortExpression="SequencialNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Priorities.Priority" HeaderText="Priority" UniqueName="Priority"

FilterControlAltText="Filter Priority column" SortExpression="Priorities.Priority"

DataType="System.Int32">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Staging.Process" HeaderText="Staging" UniqueName="Process"

SortExpression="Staging.Process" FilterControlAltText="Filter Process column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupplierCode" HeaderText="SupplierCode" UniqueName="SupplierCode"

SortExpression="SupplierCode" FilterControlAltText="Filter SupplierCode column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MessageStatus" HeaderText="MessageStatus" UniqueName="MessageStatus"

SortExpression="MessageStatus" FilterControlAltText="Filter MessageStatus column">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocumentType" HeaderText="DocumentType" UniqueName="DocumentType"

FilterControlAltText="Filter DocumentType column" SortExpression="DocumentType">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn UniqueName="InvoiceCreationDate" DataField="InvoiceCreationDate"

HeaderText="InvoiceCreationDate" FilterControlAltText="Filter InvoiceCreationDate column"

SortExpression="InvoiceCreationDate">

<FilterTemplate>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

</FilterTemplate>

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="SupplierVatNumber" FilterControlAltText="Filter SupplierVatNumber column"

HeaderText="SupplierVatNumber" SortExpression="SupplierVatNumber" UniqueName="SupplierVatNumber">

</telerik:GridBoundColumn>

</Columns>

<ExpandCollapseColumn Visible="False">

<HeaderStyle Width="19px"></HeaderStyle>

</ExpandCollapseColumn>

<CommandItemSettings ShowAddNewRecordButton="False" ShowExportToCsvButton="True">

</CommandItemSettings>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

Ajax

answered on 30 Aug 2011