Questions on UI for ASP.NET AJAX Forum

110,792 questions

1 answer

1.0K+ views

[Solved] Convert text to uppercase in textbox

Hi,

How do I convert letters in radtextbox into uppercase automatically when user type something

Thanks
Federik

Input

answered on 29 Jun 2012

0 answers

125 views

RadEditor content length

Hi there

We recently upgraded our existing Rich text Editor solution for telerik's RadEditor.

In our existing code, we have carried out validation on the text being entered in some of these editors. Whilst upgrading the solutions, we noticed that there is one fundamental feature offered by our existing editor which telerik's does not... That being the ability to count the length of the content but to include only the plaintext (i.e. omit all (X)HTML tags)

Is this currently available in the RadEditor??

Regards

A.

*******************

Update --> Found this under the Text property, my bad for wasting your time!! sorry (feel free to delete)

Editor

asked on 29 Jun 2012

6 answers

464 views

[Solved] requestItems method always empty

Hi,

My ComboBox looks like this:

<telerik:RadComboBox ID="cboChambreDe" runat="server" MarkFirstMatch="True" EnableLoadOnDemand="True"

HighlightTemplatedItems="True" Height="300px" LoadingMessage="Chargement" ItemsPerRequest="10"

ShowMoreResultsBox="true" EnableVirtualScrolling="true" OnItemsRequested="cboChambre_ItemsRequested"

DropDownWidth="300">

</telerik:RadComboBox>

When I click on a button, I call a javacript method that do:

$find("cboChambreDe").requestItems("TOM1", false);

It calls the ItemRequested on the server and it correctly find the item I want. But it doesn't refresh my ComboBox on the client, so it stays empty.

What am I doing wrong?

ComboBox

answered on 29 Jun 2012

2 answers

83 views

RadGrid Woes - Image and Tooltip Dissapear on Rebind

Hi,

I have radgrid which lists products and displays the image in this method (http://www.telerik.com/community/forums/aspnet/grid/display-image-field-in-radgrid.aspx). I also attach a tooltip to the product name cell on ItemDataBind. I also have a button outside of the grid which filters the grid using MasterTableViewFilterExpression and MasterTableView.Rebind();

The grid functions correctly until the MasterTableViewRebind is fired. Then I lose my Images and the tooltip does not display.

I forgot to mention this grid is on a page which is in a RadWindow.

Please assist.

Grid

answered on 29 Jun 2012

3 answers

192 views

Get radio button event inside the rad tree list edit template

Hi All,,

i have a rad tree list and its having 2 radio button under edit item template... i need that radio button event.. which event i can use for getting that event... please help.

Regards,

Prassin

TreeList

answered on 29 Jun 2012

1 answer

156 views

[Solved] radtreeview with checkbox

Hi,

I need a radtreeview with checkboxes which allow to check a child only if its parent is checked.

Thanks & regards
Federik

TreeView

answered on 29 Jun 2012

2 answers

134 views

RadEditor & RadUpload Control loosing its SKIN

Hi Telerik Support,

I have been very frustrated as my controls such as RadEditor control & RadUpload control are loosing its SKIN when I try to edit any record within my RadTreeList.

When I try to insert any item controls are shown properly (i.e. with proper SKIN) but when I try to edit an partcular record its really behaves weirdly an that gives me headaches.

Please find the attachment .

While the placement of my controls are shown below as :-

<telerik:RadTreeList ID="KnowledgeBaseRadTreeList" runat="server" AllowPaging="True"

DataSourceID="KnowledgeBaseSqlDataSource" PageSize="20" DataKeyNames="KnowledgeBase_ID"

ParentDataKeyNames="KnowledgeBase_Parent_ID" AutoGenerateColumns="False" Width="100%"

OnInsertCommand="KnowledgeBaseRadTreeList_InsertCommand" OnItemCommand="KnowledgeBaseRadTreeList_ItemCommand"

OnItemDrop="KnowledgeBaseRadTreeList_ItemDrop" OnUpdateCommand="KnowledgeBaseRadTreeList_UpdateCommand"

OnItemDataBound="KnowledgeBaseRadTreeList_ItemDataBound">

<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="KnowledgeBase_Title" UniqueName="KnowledgeBase_Title"

HeaderText="Title">

<ItemTemplate>

<asp:Label ID="KnowledgeBaseTitleLabel" runat="server" Text='<%# Bind("KnowledgeBase_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="KnowledgeBaseDescriptionLabel" runat="server"

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

asp:Label>

<telerik:RadToolTip ID="KnowledgeBaseDescriptionRadToolTip"

TargetControlID='<%# ( Eval("KnowledgeBase_Description").ToString().Length > 150)? "KnowledgeBaseDescriptionLabel" : "" %>'

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

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

<%# Eval("KnowledgeBase_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="KnowledgeBase_Order" UniqueName="KnowledgeBase_Order"

HeaderText="Order">

<ItemTemplate>

<telerik:RadNumericTextBox ID="KnowledgeBaseOrderRadNumericTextBox" MinValue="1"

NumberFormat-DecimalDigits="0" Enabled="false" runat="server" Width="50px" Text='<%# Bind("KnowledgeBase_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="KnowledgeBase_ActiveStatus"

UniqueName="KnowledgeBase_ActiveStatus">

<ItemTemplate>

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

ToolTip='<%# (Convert.ToBoolean(Eval("KnowledgeBase_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="KnowledgeBase_ActiveStatus" HeaderText="Action"

UniqueName="ActiveStatus">

<ItemTemplate>

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

Width="14px" Height="14px" CommandName="ActiveInactive" ImageUrl='<%# (Convert.ToBoolean(Eval("KnowledgeBase_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="KnowledgeBaseTitleRadTextBox" runat="server" SkinID="KnowledgeBaseTitleTitleRadTextBox">

</telerik:RadTextBox>

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

ValidationGroup="KnowledgeBaseValidationGroup" Display="Dynamic" SetFocusOnError="false"

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

</td>

</tr>

<tr>

<td class="td18">

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

</td>

<td class="td82">

<%--<telerik:RadTextBox ID="KnowledgeBaseDescriptionRadTextBox" runat="server" TextMode="MultiLine"

Rows="8" SkinID="KnowledgeBaseResourceDescriptionRadTextBox">

</telerik:RadTextBox>--%>

<telerik:RadEditor ID="KnowledgeBaseDescriptionRadEditor" 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="350px" 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="KnowledgeBaseDescriptionRequiredFieldValidator" runat="server"

ValidationGroup="KnowledgeBaseValidationGroup" Display="Dynamic" SetFocusOnError="false"

ControlToValidate="KnowledgeBaseDescriptionRadEditor" CssClass="requiredfield"

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

</td>

</tr>

<td class="td18">

Upload Document :

</td>

<td class="td82">

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

CssClass="RadUpload" 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" CssClass="UploadLabel" 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="ValidateExtensionCustomValidator" CssClass="requiredfield"

runat="server" Display="Dynamic" ValidationGroup="KnowledgeBaseValidationGroup"

ClientValidationFunction="ValidateExtensions" SetFocusOnError="true">

<span style="FONT-SIZE: 11px;">Invalid extension! Only (jpg, jpeg, gif, png) extension are allowed to upload.</span>

</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="KnowledgeBase_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="Delete"

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

CommandArgument='<%# Eval("KnowledgeBase_Uploads_ID") +":"+ Eval("KnowledgeBase_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_KnowledgeBase_Uploads_Select" SelectCommandType="StoredProcedure">

<SelectParameters>

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

DbType="Int32" Name="KnowledgeBase_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="KnowledgeBaseValidationGroup" 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="KnowledgeBaseSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:elpis_cmsConnectionString %>"

SelectCommand="Usp_KnowledgeBase_Select" SelectCommandType="StoredProcedure">

</asp:SqlDataSource>

Can you help me where thing are wrong .

Also, I have added the code on Page_Load event as :-

protected void Page_Load(object sender, EventArgs e)

{

common.CheckLogin();

if (!IsPostBack)

{

KnowledgeBaseRadTreeList.ExpandAllItems();

DisableReordering();

MessageLabel.Text = string.Empty;

MessageLabel.Visible = false;

SuccessImage.Visible = false;

NoChangesImage.Visible = false;

//foreach (TreeListDataItem item in KnowledgeBaseRadTreeList.Items)

//{

//    RadEditor KnowledgeBaseDescriptionRadEditor = (item.FindControl("KnowledgeBaseDescriptionRadEditor") as RadEditor);

// KnowledgeBaseDescriptionRadEditor.EnableAjaxSkinRendering = true;

// RadUpload UploadDocumentRadUpload = (item.FindControl("UploadDocumentRadUpload") as RadUpload);

// UploadDocumentRadUpload.EnableAjaxSkinRendering = true;

//}

}

But commented code is not working either (i.e. I'm not able to find the either RadEditor or RadUpload Control)

Please help !
Ajay

TreeList

answered on 29 Jun 2012

2 answers

131 views

Aligning appointments for a day view

Hi,

I am using a rad scheduler and Appointment Template.
For a particular day and a time I can have multiple appointments. Say on 25 June between 4:00 - 4:15 PM I have 4 appointments.I want these appoinments to be aligned next to each other and I have specified the width as 252px as

.RadScheduler .rsDayView .rsAptOut
{

width:252px;

}

Now I want to align each appointment to next to other and no gap between them. However specifying above width reduces the unnecessary width, but creates gap between them.

Attaching images for reference.

Image Scheduler_NoSpace, does not have any space between 4 appointments, however Scheduler_Space does have space between 2 appointments.

Please suggest.

Aditi

Scheduler

answered on 29 Jun 2012

2 answers

128 views

[Solved] Crop then Resize

Hi,

I'm trying to Resize the image as soon as the image is cropped, without success.

I thought about something like this (does not work):

function OnClientImageChanged(imageEditor, args) {

if (args.get_commandName() == "Crop") {

imageEditor.resizeImage(150, 250, true)

}

or this (work but loop indefinitely) :

function OnClientImageChanged(imageEditor, args) {

if (args.get_commandName() == "Crop") {

var timer = setInterval(function () {

imageEditor.resizeImage(150, 250, true)

}, 100);

}

How would you do that ? I'm using the last Telerik dll so doing something inside the 'Crop.ascx' ImageEditorDialogs is possible if its the way to go.

Thanks Arnaud

ImageEditor

answered on 29 Jun 2012

1 answer

317 views

Grid dummy columns

Hi. I need to have 2 dummy columns (column with no reference to a field in the database) in a radgrid. Each one of these columns need to have a javascript call, this javascript must be set on the itemdatabound event placing the value of the 3rd column (client id) inside the javascript call of the previous two dummy columns.

How can I do this? Create the 2 dummy columns and reference them in the itemdatabound for placing the javascript on it.

Thanks in advance.

Grid

answered on 29 Jun 2012

Top users last month