Questions on UI for ASP.NET AJAX Forum

1 answer

169 views

Multiple RadGrid on same page, GridEditCommandColumn PerformInsert mode requiredfield validators Issue

We have similar two radgrids like below in one page. When we try to insert empty data clicking on insert it shows requiredfiled validator which is correct but it triggers requiredfield validator of 2nd grid also because it is also in edit mode. How to keep it separate so that validation for one grid should not call validation for 2nd grid if both are in edit/Insert mode.

<telerik:RadGrid ID="c_dgvMClassificationCode" AllowPaging="true" PageSize="5" AllowCustomPaging="true"
        runat="server"AllowFilteringByColumn="False"GridLines="None"AutoGenerateColumns="False"
        AllowSorting="True">
        <PagerStyle Visible="true"/>
        <ClientSettings AllowColumnsReorder="True"ReorderColumnsOnClient="True"EnableRowHoverStyle="True">
            <ClientEventsOnRowContextMenu="RowContextMenuMClassificationCode"/>
            <ScrollingAllowScroll="true"EnableVirtualScrollPaging="false" UseStaticHeaders="true"
                SaveScrollPosition="true"/>
            <SelectingAllowRowSelect="true"/>
        </ClientSettings>
        <GroupingSettingsCaseSensitive="false"/>
        <MasterTableViewDataKeyNames="UniqueID"NoMasterRecordsText="No Master Classification Codes found."
            EditMode="InPlace"CommandItemDisplay="Top"GridLines="Both"TableLayout="Fixed"
            InsertItemPageIndexAction="ShowItemOnCurrentPage" Width="490">
            <CommandItemTemplate>
                <divstyle="width: 80%; float: left; vertical-align: middle; height: 23px;">
                    <asp:Label ID="c_lblMclsCode"runat="server"Text="Master Classification Code" CssClass="gridHeaderLabels"></asp:Label> 
                    <asp:ImageButton ID="c_ibtnAdd"CssClass="headerButtons"runat="server"ImageUrl="~/Images/addDocBtn.png"
                        CommandName="InitInsert1"ImageAlign="Middle"CausesValidation="false"></asp:ImageButton>
                     
                </div>
            </CommandItemTemplate>
            <Columns>
                <telerik:GridTemplateColumnSortAscImageUrl="~/App_Themes/Default/Grid/Skins/Vista/SortAsc.gif"
                    AllowFiltering="false"FilterImageUrl="~/App_Themes/Default/Grid/Skins/Vista/Filter.gif"
                    HeaderStyle-Width="30"UniqueName="UniqueID"SortDescImageUrl="~/App_Themes/Default/Grid/Skins/Vista/SortDesc.gif">
                    <ItemStyleHorizontalAlign="Center"VerticalAlign="Middle"Wrap="False"Width="30">
                    </ItemStyle>
                    <ItemTemplate>
                        <asp:ImageButton ID="c_ibtnActionMenu"runat="server"ImageUrl="~/Images/actionIcon.png"/>
                    </ItemTemplate>
               </telerik:GridTemplateColumn>
                <telerik:GridEditCommandColumnUniqueName="EditCommandColumn"HeaderStyle-Width="30px"
                    ButtonType="ImageButton"EditImageUrl="~/Images/actionIcon.png"CancelImageUrl="~/App_Themes/Default/Grid/Skins/Vista/cancelIcon.png"
                    UpdateImageUrl="~/App_Themes/Default/Grid/Skins/Vista/updateIcon.png"InsertImageUrl="~/App_Themes/Default/Grid/Skins/Vista/updateIcon.png">
                </telerik:GridEditCommandColumn>
                <telerik:GridBoundColumn ReadOnly="True"SortAscImageUrl="~/App_Themes/Default/Grid/Skins/Vista/SortAsc.gif"
                    DataField="UniqueID"FilterImageUrl="~/App_Themes/Default/Grid/Skins/Vista/Filter.gif"
                   DataType="System.Int32"UniqueName="UniqueID"SortDescImageUrl="~/App_Themes/Default/Grid/Skins/Vista/SortDesc.gif"
                    HeaderText="UniqueID"Display="false"Visible="false">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumnUniqueName="IndustryCodeDescription"HeaderText="Master Classification Code">
                    <ItemStyleHorizontalAlign="Left"VerticalAlign="Bottom"Wrap="True"></ItemStyle>
                    <ItemTemplate>
                        <%--<%#DataBinder.Eval(Container.DataItem, "IndustryCodeDescription")%>--%>
                        <img alt="Primary"src="~/images/TransparentdashSaveIcon.png"runat="server"id="imgPrimary"
                            style="border: 0px; padding: 0 5px 0 5px;"visible="false"/>
                        <asp:Literal ID="ltlIndustryCode"runat="server"Text='<%# DataBinder.Eval( Container, "DataItem.IndustryCodeDescription") %>' />
                    </ItemTemplate>
                    <EditItemTemplate>
                        <telerik:RadComboBox DataTextField="Description"DataValueField="IndustryCodeID"
                            ID="c_dgvrcbIndustryCodes"runat="server"Width="400px"EnableScreenBoundaryDetection="false"
                            Filter="Contains"MarkFirstMatch="false"ExpandDirection="Down"EmptyMessage="--Select One--"
                            CssClass="inputRequired"EnableTextSelection="true"EnableItemCaching="true"
                            EnableLoadOnDemand="true">
                        </telerik:RadComboBox>
                        <br />
                        <asp:RequiredFieldValidatorID="rfvrcbIndustryCode"runat="server"ControlToValidate="c_dgvrcbIndustryCodes"
                            ErrorMessage="Please Select Master Classification Code" ForeColor="red" Display="Dynamic"
                            SetFocusOnError="True"></asp:RequiredFieldValidator>
                    </EditItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="IndustryCodeID"DataType="System.Int32"UniqueName="IndustryCodeID"
                    HeaderText="IndustryCodeID"Display="false"Visible="false">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="IsPrimary"DataType="System.Int32"UniqueName="IsPrimary"
                    HeaderText="IsPrimary"Display="false"Visible="false">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EntityID"DataType="System.Int32"UniqueName="EntityID"
                    HeaderText="EntityID"Display="false"Visible="false">
                </telerik:GridBoundColumn>
            </Columns>
            <PagerTemplate>
                <asp:Panel ID="c_pnlPager"Style="padding: 1px;" runat="server"HorizontalAlign="Center">
                    <p style="margin: 0px; padding: 0px;">
                        <asp:ImageButton ID="c_ibtnPagingFirst"ImageUrl="~/App_Themes/Default/Grid/Skins/Vista/img/PagingFirst.gif"
                            runat="server"OnClick="c_ibtnPagingFirst_click"ImageAlign="Middle"CommandName="Page"
                            CommandArgument="First"/>
                        <asp:ImageButton ID="c_ibtnPagingPrev" ImageUrl="~/App_Themes/Default/Grid/Skins/Vista/img/PagingPrev.gif"
                            runat="server"OnClick="c_ibtnPagingPrev_click"ImageAlign="Middle"CommandName="Page"
                            CommandArgument="Prev" />
                        <span style="vertical-align: middle;">Page:</span> <span style="vertical-align: middle;">
                            <%# CType(DataBinder.Eval(Container, "Paging.CurrentPageIndex"), Int32) + 1 %> </span>
                        <span style="vertical-align: middle;">of
                            <%# DataBinder.Eval(Container, "Paging.PageCount")%>
                        </span>
                        <asp:ImageButton ID="c_ibtnPagingNext_click"ImageUrl="~/App_Themes/Default/Grid/Skins/Vista/img/PagingNext.gif"
                            runat="server"OnClick="c_ibtnPagingNext_click"ImageAlign="Middle"CommandName="Page"
                            CommandArgument="Next"/>
                        <asp:ImageButton ID="c_ibtnPagingLast" ImageUrl="~/App_Themes/Default/Grid/Skins/Vista/img/PagingLast.gif"
                            runat="server"OnClick="c_ibtnPagingLast_Click"ImageAlign="Middle"CommandName="Page"
                            CommandArgument="Last"/>
                    </p>
                </asp:Panel>
            </PagerTemplate>
        </MasterTableView>
    </telerik:RadGrid>

Grid

answered on 14 Aug 2015

3 answers

418 views

How to limit file types uploaded

Hi,

In my aspx, I have tried setting 'AllowedFileExtensions='.xls,.xlsx' and <FileFilters><FileFilter Exntensions='xls,xlsx'> but neither seem to have any effect - please advise.

AsyncUpload

answered on 14 Aug 2015

2 answers

165 views

System.ArgumentNullException when i click insert new item

It will still run but when I throw the exceptions i get this when I click insert new item:

System.ArgumentNullException occurred
_HResult=-2147467261
_message=Value cannot be null.
HResult=-2147467261
IsTransient=false
Message=Value cannot be null.
Parameter name: value
Source=mscorlib
ParamName=value
StackTrace:
at System.Enum.EnumResult.SetFailure(ParseFailureKind failure, String failureParameter)
InnerException:

Grid

answered on 14 Aug 2015

3 answers

198 views

RadGrid Column FilterTemplate as combobox with Auto Generated Columns

I have a RadGrid where the columns are autogenerated based on the DataSet. I need to check if one of the columns exists, I would like to make that column filtered by a combobox or a dropdown.I have a RadGrid where the columns are autogenerated based on the DataSet. I need to check if one of the columns exists, I would like to make that column filtered by a combobox or a dropdown.I have a RadGrid where the columns are autogenerated based on the DataSet. I need to check if one of the columns exists, I would like to make that column filtered by a combobox or a dropdown.

ASPX

<telerik:RadGrid ID="rgApplications" runat="server" AllowSorting="True" AutoGenerateColumns="False" AllowPaging="True" GridLines="None" Width="100%" CellSpacing="0">

<MasterTableView DataKeyNames="ExecutedDocumentId,TemplateId,ParentId" ClientDataKeyNames="ExecutedDocumentId,TemplateId,ParentId" AutoGenerateColumns="true" AllowFilteringByColumn="true">

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="EditColumn">

</EditColumn>

<FormTemplate>

<div style="padding-bottom: 5px; padding-top: 5px; padding-left: 20px;">

<b><%# (Container is GridEditFormInsertItem) ? GetResource("Add") : GetResource("Edit") %></b>

<table border="0" cellpadding="2" width="100%">

<tr>

<td nowrap>

<asp:Label ID="lblType" runat="server" resourcekey="Type" AssociatedControlID="ddlType" />:

</td>

<td nowrap align="left" style="padding-left: 5px">

<asp:DropDownList ID="ddlType" Width="340px" MaxLength="120" runat="server" />

<span style="color: Red; padding-left: 2px; padding-right: 3px; font-size: larger">*</span>

<asp:RequiredFieldValidator ID="rfvType" ControlToValidate="ddlType" InitialValue="0"

ValidationGroup="UpdateApplications" runat="server" ErrorMessage="Required" ForeColor="Red" />

</td>

</tr>

</table>

<p>

<asp:ImageButton ID="btnSaveApplications" runat="server" ValidationGroup="UpdateApplications" resourcekey="Save" CommandName="SaveApplication" />

<asp:ImageButton ID="btnCancelApplications" runat="server" resourcekey="Cancel" CommandName="Cancel" />

</p>

</div>

</FormTemplate>

</EditFormSettings>

<CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="true" />

<Columns>

<telerik:GridClientSelectColumn UniqueName="SelectApplication" HeaderTooltip="Select All" />

<telerik:GridButtonColumn UniqueName="DeleteDocument" CommandName="DeleteDocument" ButtonType="ImageButton" ShowFilterIcon="false" />

<telerik:GridButtonColumn UniqueName="ViewDocument" CommandName="ViewDocument" ButtonType="ImageButton" ShowFilterIcon="false" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code Behind

void rgApplications_ColumnCreated(object sender, GridColumnCreatedEventArgs e)

{

// Make Document Status Filter A DropDown

if (e.Column.UniqueName == "DocumentStatus")

{

GridBoundColumn bCol = e.Column as GridBoundColumn;

if (bCol != null)

{

Data.TaxonomyFilteringTemplate template = new MyFilteringTemplate(e.Column.UniqueName, "Document Status", rgApplications);

bCol.FilterTemplate = template;

bCol.CurrentFilterFunction = GridKnownFunction.EqualTo;

}

MyFilterTemplate

using System;

using System.Collections.Generic;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace MyTestProgram

{

public class MyFilteringTemplate : ITemplate

{

protected DropDownList combo;

private string colname;

private string lookupName;

RadGrid radgrid;

public TaxonomyFilteringTemplate(string cName, string lookup, RadGrid grid)

{

colname = cName;

lookupName = lookup;

radgrid = grid;

}

public void InstantiateIn(Control container)

{

combo = new DropDownList();

combo.ID = "RadComboBoxControl";

container.Controls.Add(combo);

combo.AutoPostBack = true;

//combo.EnableViewState = false;

combo.SelectedIndexChanged += combo_SelectedIndexChanged;

combo.Items.Add(new ListItem("Please Select"));

var dt = MyController.GetLookupList(this.lookupName);

var dvOptions = new DataView(dt);

dvOptions.Sort = "Name";

foreach (DataRow dr in dvOptions.ToTable().Rows)

{

combo.Items.Add(new ListItem(dr["Name"].ToString()));

}

void combo_SelectedIndexChanged(object sender, EventArgs e)

{

DropDownList ddl = sender as DropDownList;

string filterExpression = string.Empty;

if (ddl.Text != "")

filterExpression = "([" + colname + "] = '" + ddl.Text + "')";

radgrid.MasterTableView.FilterExpression = filterExpression;

radgrid.MasterTableView.Rebind();

}

The problem I am having is that I am getting an exception:

Failed to load viewstate. The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request.

Any suggestion on how to solve this?

General Discussions

answered on 14 Aug 2015

12 answers

506 views

Resize radeditor to fill containing pane

How can I get a radeditor to fill out the full content area of a radpane? I've tried setting the radeditor's width and height properties to 100% but this does not work.

The radeditor does not have any modules defined and has just a basic set of tools.

Editor

answered on 14 Aug 2015

4 answers

350 views

Filter with Custom pagging

Hi,
I was checking Telerik UI for ASP.NET AJAX Q1 2014 trial version.
I need custom paging with sorting and filtering using Stored Procedure.

i found that RadGrid filters already filtered data on its own. if custom paging is used, obviously sorting and filtering done in Stored Procedure.

is there any way to stop Radgrid to filter data on its own somthing like FilterMode="Custom" ?

Grid

answered on 14 Aug 2015

3 answers

167 views

Rad Editor Control in Rad Window retrieves page CSS files multiple times

Hello Support,

We are experiencing very sluggish rendering behavior when using Rad Editor Control in Rad Window when browsed from IE browser.
Please find few image screenshots to explain the issue.

Test environment:
Telerik version: 2015.1.401.45
Chrome: 44.0.2403.130
IE: 11.0.9600.17905

It seems that page CSS files are being retrieved multiple times from the server in all browsers but in IE, files are retrieved twice or more than twice. Hence slows down the whole page in IE browser.

Brief information about existing application (I don’t think it is related to Kentico environment which we are using):

user control (deployed as Kentico webpart) which is added to Kentico Page
has RadGrid for listing items.
editing item from the grid, pop-ups Rad Window.
Rad Window has editable form fields along with 7 Rad Editors

Investigation so far:

Remove rad Editors from the rad window – No duplication of the CSS files
Specified “EditorCssFile” as well as “CssClasses” – Still retrieves CSS files

Need your help to fix the rendering/retrieving difference between browsers as well as any workaround to stop retrieving CSS files multiple times.

Please let me know if you need any other information.

Thanks.

Isolated page code:

.aspx

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

<!DOCTYPE html>

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

<head runat="server">

<title></title>

<link href="Content/Site.css" rel="stylesheet" />

</head>

<body>

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

<div>

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

<asp:Button ID="btnOpen" runat="server" Text="Open" OnClick="btnOpen_Click" />

<telerik:RadWindow ID="radWindow" runat="server" Modal="true" Behaviors="Close" AutoSize="true"

Title="radWindow1">

<ContentTemplate>

<p>Rad Editor 1</p>

<telerik:RadEditor ID="RadEditor1" runat="server" Width="600px" Height="300px"

EditModes="Design" Visible="false">

</telerik:RadEditor>

<p>Rad Editor 2</p>

<telerik:RadEditor ID="RadEditor2" runat="server" Width="600px" Height="300px"

EditModes="Design" Visible="false">

</telerik:RadEditor>

</ContentTemplate>

</telerik:RadWindow>

</div>

</form>

</body>

</html>

.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace RadEditor_RadWindow_PageStyle

{

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnOpen_Click(object sender, EventArgs e)

{

radWindow.VisibleOnPageLoad = true;

}

Sharepoint Integration

answered on 13 Aug 2015

4 answers

298 views

Help to set Gauge pointer Value in code behind

Hi Telerik Team, I have this gauge

<telerik:RadRadialGauge runat="server" ID="RadRadialGauge1" Width="300px" Height="300px">
     <Pointer Value="10">
          <Cap Size="0.1" />
     </Pointer>
     <Scale Min="0" Max="100" MajorUnit="10"/>
</telerik:RadRadialGauge>

I'm changing the pointer value in the code behind with this command:
RadRadialGauge1.Pointer.Value = 50;

The initial value of the pointer is 10, but when I call the command to set the value to 50, the pointer goes to zero and than after goes to 50.
I want that the pointer begin in 10 and go immediately to 50.

Thanks,
Gustavo

Gauge

answered on 13 Aug 2015

7 answers

279 views

Customize only one aspect of skin for Tabstrip

Using the Telerik skin throughout our site but using the Black skin for our Tabstrips. Have the requirement to change the color of non-selected tabs. Is it possible to still utilize the skin but change just this one element? In the image attached, need to lighten the background color of the "Dates" tab.

TabStrip

answered on 13 Aug 2015

3 answers

107 views

IE9 Compatibility Mode breaks header alignment

I am running an older version of the controls and have an issue where our internal intranet servers default IE behavior to run in Compatibility mode.

Telerik Version: 2012.3.1308.40

This is breaking the alignment of my grids headers. The left most header has a empty column name. The rest of the columns headers are populated.

In the Screen shot you'll see how the "Plan" column header text is pushed to the left overlapping the top of my row headers. If I go into tools -> Compatibility View Settings and uncheck the option to run the browser in compatibility mode for all intranet sites the columns render just fine.

Any ideas on what this might be?

Grid

answered on 13 Aug 2015