Questions on UI for ASP.NET AJAX Forum

2 answers

153 views

Hi ,
we have requirement to place editable checkboxes at the treelist control. we are able to set the checkbox columns using the

TreeListCheckBoxColumn . but we are not able to make it editable. is there a way that i can make them editable such a way that when i click on the check box it should checked and if it contains child elements in it ,those also be checkable accordily.

Please suggest me on this.

For your information we are using 2010.3.1215.40 version of teleriks controls

thanks / Srinivas

TreeList

answered on 26 May 2011

7 answers

140 views

RadGrid insert/update extremely slow

Hi!

I am having an issue using a radgrid in a project. Everything works great, except when I make an insertion into the grid, the whole browser freezes for about 5 seconds. While the browser is frozen, the ajax loading panel is displayed, but the "loading circle" in the middle does not turn. It is also frozen.

Has anyone expirimented this issue before?

Thanks,

Alex

Grid

answered on 26 May 2011

3 answers

182 views

RadGrid set disabled color

Hi All:

I have a whole RadGrid that is sometimes disabled, and the default color is very light, so my user is having a problem seeing the data. So, how do I set the disabled color in the skin?

Phil

Grid

answered on 26 May 2011

5 answers

235 views

ItemTemplate and Selected Item color

I have a PanelBar that I am using an ItemTemplate with. I am populating the template with a table that has images and text in it. I cannot for the life of me find the right css to set the background color of the selected item. Any help would be greatly appreciated.

Thanks.

PanelBar

answered on 26 May 2011

15 answers

929 views

Radcombo Multi Select and Load On Demand

I am using the multi select in a Radcombobox from the code library. Because the list is really long (800 +) enteries, I would also like to implement the Load on Demand. How can I accomplish this?

Thanks,
Av

ComboBox

answered on 26 May 2011

2 answers

105 views

Setting filter function via custom FieldEditor

I've created a custom field editor which has:

Two radio buttons, radio1, radio2 with autopostback = true
A text box
A combo box (as described in the demo : http://www.telerik.com/help/aspnet-ajax/filter-custom-editors.html)

I have it coded like this:

When radio1 is selected, the textbox is visible, and the filter functions are EqualTo, NotEqualTo, Contains, Between, etc.
When radio2 is selected, the combo box is visible, and the only filter function is EqualTo.

My problem is when radio2 is selected, I can't figure out how to set the selected filter to EqualTo. For example, If radio1 is selected and the selected filter function is 'Contains', and then they select radio2, I can't set the selected filter to 'EqualTo'. I can reduce the options available in the context menu successfully when radio2 is clicked, but I can't set the selected filter.

Please help :)

Thanks,
Josh

Filter

answered on 26 May 2011

2 answers

103 views

Edit Forms wrong display

This is my rad grid:

<telerik:RadGrid ID="rgrdUsers" runat="server" AllowAutomaticDeletes="True" AllowPaging="True"

AllowSorting="True" DataSourceID="sdsUsers" GridLines="None" HorizontalAlign="Center"

ShowStatusBar="True" OnItemCommand="rgrdUsers_ItemCommand"

OnItemDataBound="rgrdUsers_ItemDataBound"

Width="938px" AutoGenerateColumns="False" OnNeedDataSource="rgrdUsers_NeedDataSource"

OnInsertCommand="rgrdUsers_InsertCommand" OnUpdateCommand="rgrdUsers_UpdateCommand">

<PagerStyle Position="TopAndBottom" />

<MasterTableView CommandItemDisplay="Top" DataKeyNames="PKUser" DataSourceID="sdsUsers"

EditMode="EditForms" Width="100%">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="PKUser" HeaderText="User ID" ReadOnly="True"

SortExpression="PKUser" UniqueName="PKUser" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="usrName" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrName %>"

SortExpression="usrName" UniqueName="usrName">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrName")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrName" runat="server" Text='<%#Bind("usrName") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrName" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters"

TargetControlID="txtUsrName" ValidChars=" áéíóúñÁÉÍÓÚÑ" />

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrAccount" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrAccount %>"

SortExpression="usrAccount" UniqueName="usrAccount">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrAccount")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrAccount" runat="server" Text='<%#Bind("usrAccount") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrAccount" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters, Numbers"

TargetControlID="txtUsrAccount" ValidChars="." />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrDateAdd" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrDateAdd %>"

SortExpression="usrDateAdd" UniqueName="usrDateAdd">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "usrDateAdd", "{0:dd/MM/yyyy}")%>

</ItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrObserv" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrComments %>"

SortExpression="usrObserv" UniqueName="usrObserv">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrObserv")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrObserv" runat="server" Text='<%#Bind("usrObserv") %>' />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Privileges" EditFormColumnIndex="1"

HeaderText="<%$ Resources:Localization, usrPrivileges%>"

UniqueName="Privileges">

<ItemTemplate>

<asp:Label ID="lblPrivileges" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkPrivileges" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsPermits" DataTextField="prmDescript" DataValueField="PKPermit">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Authorizer" EditFormColumnIndex="2"

HeaderText="<%$ Resources:Localization, usrApprover%>"

UniqueName="Authorizer">

<ItemTemplate>

<asp:Label ID="lblAuthorizer" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkAuthorizer" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsTypeAuth" DataTextField="typeAuthDesc"

DataValueField="PKTypeAuth">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" VerticalAlign="Top" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrSignature" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrSign%>"

UniqueName="usrSignature">

<ItemTemplate>

<telerik:RadBinaryImage runat="server" ID="rb"

DataValue='<%#Eval("usrSignature") is DBNull ? null : Eval("usrSignature")%>'

AutoAdjustImageControlSize="false" Height="30px" Width="100px"

AlternateText="<%$ Resources:Localization, NoSignature %>" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadAsyncUpload ID="raupSignature" runat="server"

AllowedFileExtensions="bmp,gif,jpg,jpeg,png"

OnClientFileUploaded="clientFileUploaded" MaxFileInputsCount="1" Width="120px" />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

ConfirmText="<%$ Resources:Localization, usrDelete%>"

Text="Delete" UniqueName="Delete">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings CaptionDataField="usrName"

CaptionFormatString="<%$ Resources:Localization, usrEdit %>"

InsertCaption="<%$ Resources:Localization, usrInsert %>" ColumnNumber="3">

<FormCaptionStyle CssClass="editFormHeader" />

<FormTableItemStyle Wrap="False" />

<FormMainTableStyle BackColor="#fafad2" GridLines="None" CellSpacing="2" CellPadding="2"

Width="100%" />

<FormTableStyle CellSpacing="2" CellPadding="2" CssClass="editFormBody" />

<FormTableAlternatingItemStyle Wrap="False" />

<EditColumn ButtonType="ImageButton"

InsertText="<%$ Resources:Localization, lblInsert %>"

UpdateText="<%$ Resources:Localization, lblUpdate %>" UniqueName="EditCommand"

CancelText="<%$ Resources:Localization, lblCancel %>">

<ItemStyle CssClass="handCursor" />

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="editFormFooter" />

</EditFormSettings>

<EditItemStyle Width="33.3%" />

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

And when i trying to insert o edit a record, the display it's weird. It's posible to correct the widht of the columns in the EditForm and the size of the items inside without using a Template?

I interested in obtain a result like the design of the Grid / Edit Form with Multiple Columns example. With columns with equal width and centered items.

Regards,
Felipe Meléndez.

Grid

answered on 26 May 2011

3 answers

133 views

RadScheduler in RadTabStrip Ajax issues

Hello,

I Currently have a couple of radSchedulers inside of radtabstrip and I switch calendars when clicking on different tabs.

the issue I am having is I am getting a full page refresh when clicking on the calendar events and displaying the edit form in Modal, I have the Ajax manager setup an example of the code is below , thanks in advance

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop"

SelectedIndex="0" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="Cal1">

</telerik:RadTab>

<telerik:RadTab Text="Cal2" >

</telerik:RadTab>

<telerik:RadTab Text="Cal3" >

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

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

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

<telerik:RadScheduler ID="RadScheduler1" runat="server" >

</telerik:RadScheduler>

</telerik:RadMultiPage>

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

<telerik:RadAjaxManager runat="server" ID="AjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScheduler1" >

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadScheduler2" >

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler2" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadScheduler2" >

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler2" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Scheduler

answered on 26 May 2011

2 answers

277 views

RequiredFieldValidator on RadWindow

As a new user of the Telerik controls I am still feeling my way around - I'm used to the Infragistcs control suite so I'm sure there is something simple I am missing. Here is the problem:

1) Master Page with standar header/footer, content panel
2) Child Content Page with RadGrid, RadToolBar
3) RadToolBar has an "Add" button which does an async postback - the handler calls a method which configures the Title and IconUrl of the RadWindow (since it functions for both "add" and "edit") and then adds script function call to open the RadWindow - works fine - the RadWindow opens as expected.
4) There are two asp:TextBox controls on the RadWindow and both have RequiredFieldValidators configured
5) There are two buttons - "Cancel" and "Save" - the cancel button functions fine and prompt's user to confirm cancellation and closes the RadWindow if true otherwise does not. "CausesValidation" is set to false on the Cancel button.
6) The Save button has "CausesValidation" set to true - but when I click the button the validation does not appear to work because the page post's back and I get an error because I'm trying to save a record with no values.

The question is, why are the RequiredFieldValidators not "firing" - I expect the error text to show and focus to be set to the control failing validation - am I missing a setting or something?? Here is the content page markup...also attached an image of what the page looks like when the RadWindow is opened in "add" context.

<%@ Page Title="" Language="C#" MasterPageFile="~/ToolMaster.Master" AutoEventWireup="true" CodeBehind="Roles.aspx.cs" Inherits="SAIC.ISR.CMO.WebUI.Roles" %>

<%@ MasterType VirtualPath="~/ToolMaster.Master" %>

<asp:Content ID="RolesContent" ContentPlaceHolderID="MasterContentPlaceHolder" runat="server">

<div class="pageContentOuter">

<div class="pageContentInner">

<br />

<div class="group" style="width: 98%;">

<div class="groupHeader">

<span class="left">

<span class="small-white-bold-label">Roles</span>

</span>

<span class="right">

<asp:Label ID="RecordCountLabel" runat="server" CssClass="small-white-bold-label">

</asp:Label>

</span>

</div>

<div class="groupToolbar">

<div class="groupToolbarContent">

<telerik:RadToolBar ID="RolesRadToolbar" runat="server" Width="100%" OnButtonClick="RolesRadToolbar_ButtonClick">

<Items>

<telerik:RadToolBarButton AccessKey="N" Text="New" CausesValidation="false" PostBack="true" ToolTip="Create New Role"

CommandName="New" ImageUrl="Content/Images/add16.png" ImagePosition="Left"></telerik:RadToolBarButton>

<telerik:RadToolBarButton AccessKey="R" Text="Refresh" CausesValidation="false" PostBack="true" ToolTip="Refresh Roles List"

CommandName="Refresh" ImageUrl="Content/Images/refresh16.png" ImagePosition="Left"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</div>

<div class="groupContent">

<telerik:RadGrid ID="RolesRadGrid" runat="server" AllowPaging="true"

AllowSorting="true"

AutoGenerateEditColumn="false"

AutoGenerateDeleteColumn="false"

PageSize="15"

ShowStatusBar="true"

OnItemDataBound="RolesRadGrid_ItemDataBound"

OnDeleteCommand="RolesRadGrid_DeleteCommand"

OnEditCommand="RolesRadGrid_EditCommand"

OnPageIndexChanged="RolesRadGrid_PageIndexChanged">

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

<MasterTableView AutoGenerateColumns="false" DataKeyNames="RoleID">

<Columns>

<telerik:GridBoundColumn UniqueName="RoleID" DataField="RoleID" DataType="System.Int32" Visible="false">

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="FullName" DataField="FullName" DataType="System.String" MaxLength="100" HeaderText="Role Name">

<ItemStyle HorizontalAlign="Left" Width="20%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Description" DataField="Description" DataType="System.String" MaxLength="10" HeaderText="Role Description">

<ItemStyle HorizontalAlign="Left" Width="80%" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="EditColumn" CommandName="Edit" ButtonType="ImageButton" ImageUrl="Content/Images/editbutton.png">

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="22px" Height="20px" />

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="DeleteColumn" CommandName="Delete" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete Role" ConfirmText="Are you sure you want to delete this role?"

ButtonType="ImageButton" ImageUrl="Content/Images/deleteButton.png">

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="22px" Height="20px" />

</telerik:GridButtonColumn>

</Columns>

<NoRecordsTemplate>

<div class="center">

<br />

<span class="small-black-bold-label">No Roles Found</span>

<br />

</div>

</NoRecordsTemplate>

</MasterTableView>

</telerik:RadGrid>

</div>

<telerik:RadWindowManager ID="RolesRadWindowManager" runat="server" EnableEmbeddedScripts="true" EnableViewState="true">

<Windows>

<telerik:RadWindow ID="AddEditWindow" runat="server" Height="250px" Width="500px" EnableEmbeddedScripts="true"

Animation="Fade" Modal="true" Behaviors="None" KeepInScreenBounds="true" EnableViewState="true">

<ContentTemplate>

<div class="row">

<span class="label" style="width: 30%;">

<asp:RequiredFieldValidator ID="RoleNameValidator" runat="server" ControlToValidate="RoleNameTextBox" CssClass="small-red-bold-label"

Text="*" SetFocusOnError="true">

</asp:RequiredFieldValidator>

<span class="small-red-label">Role Name:</span>

</span>

<span class="field" style="width: 65%;">

<asp:TextBox ID="RoleNameTextBox" runat="server" CausesValidation="true" CssClass="textbox" MaxLength="50" Width="300px"></asp:TextBox>

</span>

</div>

<div class="row" style="height: 55px;">

<span class="label" style="width: 30%;">

<asp:RequiredFieldValidator ID="DescriptionValidator" runat="server" ControlToValidate="RoleDescriptionTextBox" CssClass="small-red-bold-label"

Text="*" SetFocusOnError="true">

</asp:RequiredFieldValidator>

<span class="small-red-label">Description:</span>

</span>

<span class="field" style="width: 65%;">

<asp:TextBox ID="RoleDescriptionTextBox" runat="server" CausesValidation="true" CssClass="textbox" TextMode="MultiLine" Height="50px" Width="300px"></asp:TextBox>

</span>

</div>

<div class="row"><span class="label"></span><span class="field"></span></div>

<div class="row">

<span class="label" style="width: 48%;">

<asp:Button ID="SaveButton" CausesValidation="true" runat="server" Text="Save" Width="100px" OnClick="SaveButton_Click" />

</span>

<span class="field" style="width: 48%;">

<asp:Button ID="CancelButton" CausesValidation="false" runat="server" Text="Cancel" Width="100px" />

</span>

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:HiddenField ID="AddEditContextHidden" runat="server" />

<div class="spacer"> </div>

</asp:Content>

Window

answered on 26 May 2011

1 answer

67 views

Client-side binding: sorting images not displayed

I've noticed that when i click on sorting column, when using client-side binding, sorting triangles are not shown. How to show them? Do i need to add some extra javascript code?

Grid

answered on 26 May 2011