Questions on UI for ASP.NET AJAX Forum

110,808 questions

4 answers

228 views

[Solved] error when filtering a column with datatype double

Hi,

I have a RadGrid with filter enabled in the headercontextmenu

AllowFilteringByColumn="True" EnableHeaderContextFilterMenu="True"

In this grid I have several columns with DataType double.
In the headercontextmenu for a column with datatype double it is possible to enter a string like xx.
I get the next error when I enter xx:
No property or field 'xx' exists in type 'DataRowView'
This is indeed a logical error because xx is not a valid double value.

How can I allow only numbers and the decimalseparator to be entered in the filter?

Paul

Grid

answered on 25 Jun 2012

2 answers

59 views

Expanding treeNode having large text

I have a telerik treenode which has a text containing more than 100K characters. Initially the nodes parent is collapsed and so the whole text of the child node is hidden. Now when i expand the parent node to view the child node, the browser stops responding and there is nothing else that i can do on the page.

How can i expand the node without crashing the browser?

Thanks & Regards,
Girish

TreeView

answered on 25 Jun 2012

3 answers

146 views

Load on demand and add node

Hello,

I’ve implemented the RadTreeView with load on demand using ExpandMode = ServerSideCallback. I’ve also implemented context menus to allow users to add nodes dynamically. The problem I’m having is figuring out how to render the tree and expand to the newly added node. Since the load on demand only loads the top level nodes, the added node won’t be visible on postback in cases where the new node is a couple of levels deep.

I would appreciate any suggestions.

Also, I’ve implemented drag and drop which is going to be a problem too. So any suggestion for that would be helpful too.

Blair

TreeView

answered on 25 Jun 2012

2 answers

306 views

How to find Control inside EditFormSettings of RadTree List using javascript

I have been using RadTreeList in one of my project, I have used RadUpload Control which lies inside the EditFormSettings of the RadTreeList. I have used javascript for validating RadUpload control (i.e. where user has selected any file or not), now the problem here is that I'm not able to find/get the RadUpload control inside the RadTreeList in my javascript, though I'm getting the RadTreeList control.

Below is my code :-

function IsFilesSelected(source, args) {

debugger;

args.IsValid = true;

var treeList = $find("<%= FAQRadTreeList.ClientID %>");

var RadUpload = treeList._findChildControl.getName("UploadDocumentRadUpload");

var UploadLabel = treeList.selectItem(ImageExtensionLabel);

var FileInputs = RadUpload.getFileInputs();

for (var i = 0; i < FileInputs.length; i++) {

if (FileInputs[i].value && FileInputs[i].value.length > 0) {

args.IsValid = true;

}

else {

if (UploadLabel == null || UploadLabel.innerHTML == '')

args.IsValid = false;

else

args.IsValid = true;

}

While my RadTreeList is shown below :-

<telerik:RadTreeList ID="FAQRadTreeList" runat="server" AllowPaging="True" DataSourceID="FAQSqlDataSource"

PageSize="20" DataKeyNames="FAQ_ID" ParentDataKeyNames="FAQ_Parent_ID" AutoGenerateColumns="False"

Width="100%" OnInsertCommand="FAQRadTreeList_InsertCommand" OnItemCommand="FAQRadTreeList_ItemCommand"

OnItemDataBound="FAQRadTreeList_ItemDataBound" OnUpdateCommand="FAQRadTreeList_UpdateCommand"

OnItemDrop="FAQRadTreeList_ItemDrop">

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<Columns>

<telerik:TreeListEditCommandColumn UniqueName="InsertCommandColumn" ButtonType="ImageButton"

AddRecordText="Add" ShowEditButton="true" ItemStyle-CssClass="MyImageButton">

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

<HeaderStyle VerticalAlign="Top" HorizontalAlign="Left" Width="60px" />

</telerik:TreeListEditCommandColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Title" UniqueName="FAQ_Title" HeaderText="Title">

<ItemTemplate>

<asp:Label ID="FAQTitleLabel" runat="server" Text='<%# Bind("FAQ_Title") %>'></asp:Label>

</ItemTemplate>

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

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" Width="120px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Description" UniqueName="FAQ_Description"

HeaderText="Description">

<ItemTemplate>

<asp:Label ID="FAQDescriptionLabel" runat="server"

Text='<%# ( Eval("FAQ_Description").ToString().Length > 150)? string.Concat(Eval("FAQ_Description").ToString().Substring(0, 150), ".....") : Eval("FAQ_Description") %>'></

asp:Label>

<telerik:RadToolTip ID="FAQDescriptionRadToolTip" TargetControlID='<%# ( Eval("FAQ_Description").ToString().Length > 150)? "FAQDescriptionLabel" : "" %>'

Width="400px" Height="300px" ContentScrolling="Y" runat="server" HideDelay="1000"

Position="TopCenter" RelativeTo="Element" ShowDelay="1000">

<%# Eval("FAQ_Description")%>

</telerik:RadToolTip>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" />

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="ParentName" UniqueName="ParentName" HeaderText="Parent Item">

<ItemTemplate>

<asp:Label ID="ParentTitleLabel" runat="server" Text='<%# Bind("ParentName") %>'></asp:Label>

</ItemTemplate>

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

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" Width="100px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_Order" UniqueName="FAQ_Order" HeaderText="Order">

<ItemTemplate>

<telerik:RadNumericTextBox ID="FAQOrderRadNumericTextBox" MinValue="1" NumberFormat-DecimalDigits="0"

Enabled="false" runat="server" Width="50px" Text='<%# Bind("FAQ_Order") %>'>

<EnabledStyle Font-Names="Verdana" HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn HeaderText="Status" DataField="FAQ_ActiveStatus"

UniqueName="FAQ_ActiveStatus">

<ItemTemplate>

<asp:Label ID="ActiveStatusLabel" runat="server" CssClass='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "active" : "inactive" %>'

ToolTip='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "Active" : "Inactive" %>'

Text=" "></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

<telerik:TreeListTemplateColumn DataField="FAQ_ActiveStatus" HeaderText="Action"

UniqueName="ActiveStatus">

<ItemTemplate>

<asp:ImageButton ID="ActiveInactiveButton" runat="server" ToolTip='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "Make inactive" : "Make active" %>'

Width="14px" Height="14px" CommandName="ActiveInactive" ImageUrl='<%# (Convert.ToBoolean(Eval("FAQ_ActiveStatus"))) ? "../App_Themes/ELPISCMS/images/inactive.png" : "../App_Themes/ELPISCMS/images/active.png" %>' />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Top" Width="60px" />

</telerik:TreeListTemplateColumn>

</Columns>

<EditFormSettings EditFormType="Template" PopUpSettings-Width="100%">

<FormTemplate>

<asp:Panel ID="DetailsPanel" runat="server" DefaultButton="SaveRadButton">

<table border="0" cellpadding="0" cellspacing="5" class="innertable">

<tr>

<td class="td18">

Title : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadTextBox ID="FAQTitleRadTextBox" runat="server" SkinID="FAQTitleRadTextBox">

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="ReferenceTitleRequiredFieldValidator" runat="server"

ValidationGroup="FAQValidationGroup" Display="Dynamic" SetFocusOnError="true"

ControlToValidate="FAQTitleRadTextBox" CssClass="requiredfield" ErrorMessage="Required!"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td class="td18">

Description : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadTextBox ID="FAQDescriptionRadTextBox" runat="server" TextMode="MultiLine"

Rows="8" SkinID="FAQDescriptionRadTextBox">

</telerik:RadTextBox>

<%-- <telerik:RadEditor ID="ReferenceDescriptionRadEditor" runat="server" AutoResizeHeight="false"

EnableResize="false" OnClientLoad="OnClientLoad" EditModes="Design, Html" AllowScripts="false"

ContentFilters=

"RemoveScripts,MakeUrlsAbsolute,FixUlBoldItalic,FixEnclosingP,IECleanAnchors,MozEmStrong,ConvertFontToSpan,ConvertToXhtml,IndentHTMLContent"

NewLineBr="true" StripFormattingOptions="AllExceptNewLines" StripFormattingOnPaste="AllExceptNewLines"

Height="600px" Width="700px">

<ImageManager ViewPaths="~/uploads/editoruploadimages" UploadPaths="~/uploads/editoruploadimages"

DeletePaths="~/uploads/editoruploadimages" />

<CssFiles>

<telerik:EditorCssFile Value="" />

</CssFiles>

<ContextMenus>

<telerik:EditorContextMenu Enabled="true">

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

</telerik:EditorContextMenu>

</ContextMenus>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

<telerik:EditorTool Name="FindAndReplace" />

<telerik:EditorTool Name="SelectAll" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="Redo" />

<telerik:EditorTool Name="Undo" />

<telerik:EditorTool Name="InsertLink" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="RealFontSize" />

<telerik:EditorTool Name="ApplyClass" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="ForeColor" />

<telerik:EditorTool Name="BackColor" />

<telerik:EditorTool Name="FormatStripper" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="InsertAnchor" />

<telerik:EditorTool Name="InsertCustomLink" />

<telerik:EditorTool Name="InsertDate" />

<telerik:EditorTool Name="InsertGroupbox" />

<telerik:EditorTool Name="InsertHorizontalRule" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="Paragraph" />

<telerik:EditorTool Name="InsertTable" />

<telerik:EditorTool Name="InsertSnippet" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="LinkManager" />

<telerik:EditorTool Name="ImageManager" />

<telerik:EditorTool Name="ImageMapDialog" />

<telerik:EditorTool Name="DocumentManager" />

<telerik:EditorTool Name="ConvertToLower" />

<telerik:EditorTool Name="ConvertToUpper" />

<telerik:EditorTool Name="ToggleScreenMode" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<div style="float: right;">

<span id="counter" style="text-align: right;"></span>

</div>--%>

<asp:RequiredFieldValidator ID="FAQDescriptionRequiredFieldValidator" runat="server"

ValidationGroup="FAQValidationGroup" Display="Dynamic" SetFocusOnError="true"

ControlToValidate="FAQDescriptionRadTextBox" CssClass="requiredfield" ErrorMessage="Required!"></asp:RequiredFieldValidator>

</td>

</tr>

<td class="td18">

Upload Document : <span class="mandatorymark">*</span>

</td>

<td class="td82">

<telerik:RadUpload ID="UploadDocumentRadUpload" runat="server" ControlObjectsVisibility="AddButton,RemoveButtons"

InputSize="50" AllowedFileExtensions=".png,.jpg,.jpeg,.gif" oncontextmenu="return false;"

onpaste="return false;" ReadOnlyFileInputs="true"/>

<span style="line-height: 15px; vertical-align: top;">

<asp:Label ID="ImageExtensionLabel" runat="server" Text="<br/>(Only .PNG,.JPG,.JPEG,.GIF images allowed)" />

<br />

<asp:Label runat="server" ID="ImageNameLabel" Visible="false" />

</span>

<br />

<telerik:RadProgressArea ID="UploadDocumentRadProgressArea" runat="server" ProgressIndicators="CurrentFileName">

</telerik:RadProgressArea>

<asp:CustomValidator ID="IsFilesSelectedCustomValidator" runat="server" ClientValidationFunction="IsFilesSelected"

Display="Dynamic" SetFocusOnError="true" CssClass="requiredfield" ValidationGroup="FAQValidationGroup"

ErrorMessage="Required!"></asp:CustomValidator>

<asp:CustomValidator ID="ValidateExtensionCustomValidator" runat="server" ClientValidationFunction="validateImageRadUpload"

Display="Dynamic" SetFocusOnError="true" CssClass="requiredfield" ValidationGroup="FAQValidationGroup"

ErrorMessage="<br/>(Only .PNG,.JPG,.JPEG,.GIF images allowed)"></asp:CustomValidator>

</td>

<tr>

<td>

</td>

<td class="td82">

<telerik:RadGrid ID="FilesRadGrid" runat="server" AllowFilteringByColumn="True" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" CellSpacing="0" DataSourceID="FilesSqlDataSource"

GridLines="None" Width="530px" Visible="false" OnItemCommand="FilesRadGrid_ItemCommand">

<MasterTableView DataKeyNames="FAQ_Uploads_ID" DataSourceID="FilesSqlDataSource">

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

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

HeaderText="File Name" SortExpression="FileName" UniqueName="FileName" FilterControlWidth="80%">

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" Font-Size="11px" Font-Names="Arial" VerticalAlign="Middle" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Action" AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="DeleteImageButton" runat="server" ToolTip="Delete" CommandName="Del"

ImageUrl="~/App_Themes/ELPISCMS/images/delete.png" OnClientClick="if (!confirm('Are you sure, you want to delete this record?')) {return false;}"

CommandArgument='<%# Eval("FAQ_Uploads_ID") +":"+ Eval("FAQ_Uploads_ID") %>' />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" />

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" />

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column" />

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False" />

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />

</telerik:RadGrid>

<asp:SqlDataSource ID="FilesSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:elpis_cmsConnectionString %>"

SelectCommand="Usp_FAQ_Uploads_Select" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:ControlParameter ConvertEmptyStringToNull="true" ControlID="FAQIDHiddenField"

DbType="Int32" Name="FAQ_ID" PropertyName="Value" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr>

<td class="td18">

Status :

</td>

<td class="td82">

<asp:RadioButton ID="ActiveRadioButton" runat="server" CssClass="radiobutton" Checked="true"

GroupName="ActiveInactive" />Active

<asp:RadioButton ID="InactiveRadioButton" runat="server" CssClass="radiobutton" GroupName="ActiveInactive" />Inactive

</td>

</tr>

<tr>

<td>

</td>

<td class="td82">

<telerik:RadButton ID="SaveRadButton" runat="server" Text='<%# (Container is TreeListEditFormInsertItem) ? "Save" : "Update" %>'

CausesValidation="true" CommandName='<%# (Container is TreeListEditFormInsertItem) ? "PerformInsert" : "Update" %>'

ValidationGroup="FAQValidationGroup" Width="80px">

<Icon PrimaryIconUrl="~/App_Themes/ELPISCMS/images/save2.png" PrimaryIconLeft="5"

PrimaryIconTop="3" />

</telerik:RadButton>

<telerik:RadButton ID="CancelRadButton" runat="server" Text="Cancel" CommandName="Cancel"

CausesValidation="false" Width="80px">

<Icon PrimaryIconUrl="~/App_Themes/ELPISCMS/images/cancel2.png" PrimaryIconLeft="5"

PrimaryIconTop="3" />

</telerik:RadButton>

</td>

</tr>

</table>

</asp:Panel>

</FormTemplate>

</EditFormSettings>

<ClientSettings AllowItemsDragDrop="true">

<Selecting AllowItemSelection="True" />

</ClientSettings>

</telerik:RadTreeList>

<asp:SqlDataSource ID="FAQSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:elpis_cmsConnectionString %>"

SelectCommand="Usp_FAQ_Select" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

It would be great if you guys please help me.

Thanks

Ajay

TreeList

answered on 25 Jun 2012

1 answer

120 views

Help needed in radnumeric textbox

Hi,

How can I have a rad numeric textbox which allow to enter only from 1 to 100. And it should be 0 if user enters a number greater than 100.

Thanks & regards,
Aneesh Daniel

Input

answered on 25 Jun 2012

3 answers

148 views

dynamic tab strip scroll property not working

We have dynamically created tabs using RadTabStrip.
We have also set the following RAdTabStrip Properties

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" OnTabClick="RadTabStrip1_TabClick" ScrollChildren="true" PerTabScrolling="true" ScrollButtonsPosition="Middle" Orientation="HorizontalTop" Width="1340px">
<Tabs ></Tabs>
</telerik:RadTabStrip>

Tabs are generated dynamically and the scroll also appears but the tab Tab at the Last Index is shown in the next line.
I tried reducing the number of tabs by 1 but the problem still persists.

I think the width of the tab and the text length in each tab is creating a problem. But due to my requirement i have to mention a fixed width to the tab strip.

I have attached the image of the tabstrip.

Thanks in Advance.

TabStrip

answered on 25 Jun 2012

1 answer

109 views

RadTreeView.ExpandAllNodes() does't work

        public ICollection<Employe> Data
        {
            set
            {
                this.RadTreeView.DataSource = value;
                this.RadTreeView.DataBind();
                this.RadTreeView.ExpandAllNodes();
}
}

Tree view nodes are not expanded. Is there another way to do this?

TreeView

answered on 25 Jun 2012

1 answer

75 views

Track Changes in IE9

I just started testing a web app in preparation for moving to IE 9 and found that the track changes dialog in the editor does not work. A blank screen comes up. It works fine in compatability mode. Has anyone seen this yet?

Editor

answered on 25 Jun 2012

7 answers

588 views

SaveEditableImage

On the server-side, I would like to save any changes made in the ImageEditor. How can this be done? I've messed with SaveEditableImage but am unable to get it to save correctly. I have a button on the page:

<div class="BadgePopup">

<telerik:RadUpload runat="server" ID="_upload" FocusOnLoad="True"

MaxFileInputsCount="1" ControlObjectsVisibility="None" Skin="Forest"

TargetFolder="~/BadgePhotos" Width="240px"></telerik:RadUpload>

<telerik:RadButton runat="server" ID="_submit" Text="Upload" onclick="_submit_Click" Skin="Forest"></telerik:RadButton>

<telerik:RadButton ID="_finished" runat="server" Text="Save" onclick="_photo_Finished" Skin="Forest" /><br /><br />

<telerik:RadImageEditor ID="_image" runat="server" Skin="Forest" Width="400px" Height="213px"

AllowedSavingLocation="Server" ToolsFile="~/BadgePhotos/Dialogs.xml" >

</telerik:RadImageEditor>

</div>

And then the codebehind:

protected void _photo_Finished(object sender, EventArgs e)

{

using (DAL.KeeleyBarcodeDataContext dal = new DAL.KeeleyBarcodeDataContext())

{

DAL.Employee emp = (from n in dal.Employees where n.EmployeeID == new Guid(EmployeeID) select n).First();

emp.PicturePath = Path.GetFileName(_image.ImageUrl);

_image.SaveEditableImage(emp.PicturePath, true);

dal.SaveChanges();

}

If I do a simple resize of the image and click "Save" (my save, not the save on the toolbar), the SaveEditableImage code runs without an exception, yet the image is not saved with the new resized dimensions. I am implementing this Save method because my users don't like to click on the Save on the toolbar and then yet another Save so I can update the DB.

ImageEditor

answered on 25 Jun 2012

1 answer

135 views

radgrid inside radtreeview

Hello,

I am looking for a sample code where in radtreeview, under each radtreenode there will be a radgrid depending on the grouping.
I created a radtreeview where I am adding the radtreenodes dynamically and then creating nodetemplate dynamically where I am creating a radgrid control. I have a editcommandcolumn as one of the column on the radgrid. The problem I am facing is binding the radgrid datasource in needdatasouce event. So if I have 3 nodes and under that 3 radgrids then needdatasource is firing 3 times attaching the last datasource results to all the 3 radgrids. Please provide me a sample code where needdatasource is handled for hierarchy of radgrids.

Thanks

TreeView

answered on 25 Jun 2012

Top users last month