Telerik Forums
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

Ronald
Top achievements
Rank 1
 answered on 26 May 2011
7 answers
140 views
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
Alexandre
Top achievements
Rank 1
 answered on 26 May 2011
3 answers
182 views
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
Manolo
Top achievements
Rank 1
 answered on 26 May 2011
5 answers
235 views
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.
Helen
Telerik team
 answered on 26 May 2011
15 answers
929 views
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

Kalina
Telerik team
 answered on 26 May 2011
2 answers
105 views

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
Josh Turpen
Top achievements
Rank 1
 answered on 26 May 2011
2 answers
103 views
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.
Felipe de Jesús
Top achievements
Rank 1
 answered on 26 May 2011
3 answers
133 views
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>
 
Kalina
Telerik team
 answered on 26 May 2011
2 answers
277 views

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>
                <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 />
                                    <br />
                                    <span class="small-black-bold-label">No Roles Found</span>
                                    <br />
                                    <br />
                                </div>
                            </NoRecordsTemplate>
                        </MasterTableView>
                    </telerik:RadGrid>
                </div>
            </div>
        </div>
    </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>

Michael
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 26 May 2011
1 answer
67 views
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?
Pavlina
Telerik team
 answered on 26 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?