Questions on UI for ASP.NET AJAX Forum

3 answers

84 views

Determining if item has a child client side

Hi,

If I have a RadTreeList populated with some data, how can I determine client-side if the selected item has a child or not?

function ItemSelected(sender, args) {

var treelist = $find("radTreeList");

var selectedIndexes = treelist.get_selectedIndexes();

var row = selectedIndexes[0];

var item = treelist.getItem(row);

TreeList

answered on 25 Feb 2011

1 answer

496 views

MaskedEditExtender(Date & Time 24hrs format)

Hi,

Can u pls help how to display (Date & Time in 24hrs) in
Radtextbox using MaskedEditExtender... below are the code i already tried..pls correct it..or give me other solution.

<asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server" AcceptAMPM ="False"

Mask ="99/99/9999 99:99" MaskType="DateTime" TargetControlID="Rad_entry_date"> </asp:MaskedEditExtender>

<asp:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlExtender="MaskedEditExtender1"

ControlToValidate="Rad_entry_date" Display="Dynamic" EmptyValueMessage="Input Date and Time"

ErrorMessage="Invalid Time" InvalidValueMessage="Invalid Date and Time"

SetFocusOnError="True" ></asp:MaskedEditValidator>

Thanks..

General Discussions

answered on 25 Feb 2011

1 answer

51 views

UniqueName Sort?

Can I sort by the UniqueName?

Grid

answered on 25 Feb 2011

3 answers

144 views

changes to EditorDialogs

I have implemented some custom external Editor Dialogs in my apps which are based on your built-in dialogs. I am wondering what the recommendation is for making sure you haven't made any fixes to the built-in dialogs that need to be addressed in my custom ones. When I look at the changes made in various releases, I don't typically see anything speicifically about the editor dialogs, but surely you must make some changes and bug fixes to these.

Also, it looks like the FileManagerDialogParameters.EnableImageEditor property has been deparacted. Is there no way to enable/disable the image editor in the Image Manager dialog w/o modifying the dialog?

Lastly, it would be nice to be able to hide the file insertion functionality (Insert Button and Properties tab) of the Image Manager in codebehind instead of, again, altering the dialog. I am using the dialog to manage some images (ie not insert them into an editor), so the Insert button and Properties tab should not be show. I can, of course, alter the dialog, but this leads to the fragility issue mentioned above.

Editor

answered on 25 Feb 2011

3 answers

229 views

RadListView insertitemtemplate still showing after insert

I have a pretty simple scenario using manual data operations with rad list view. I insert an item into my collection in the ItemInserting event, the listview shows the new item but the insertitemtemplate is still showing. Is my setup wrong? Do I have to manually hide the thing?

Markup

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test2.aspx.vb" Inherits="Test2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadScriptManager runat="server" ID="rsm"></telerik:RadScriptManager>

<div>

<telerik:RadListView ID="rlv" runat="server" DataKeyNames="UserID" ItemPlaceholderID="itemPlaceholder" Height="400px" AllowPaging="true">

<InsertItemTemplate>

<tr>

<td>

<div style="vertical-align: middle; white-space: nowrap;">

<asp:LinkButton ID="btnInsert2" runat="server" Text="Insert" CommandName='<%# Telerik.Web.UI.RadListView.PerformInsertCommandName %>'></asp:LinkButton>

<asp:LinkButton ID="btnCancel2" runat="server" Text="Cancel" CommandName='<%# Telerik.Web.UI.RadListView.CancelCommandName %>'></asp:LinkButton>

</div>

</td>

<td>

<div style="vertical-align: middle; white-space: nowrap;">

<telerik:RadComboBox id="RadComboBox1" runat="server" autopostback="True" causesvalidation="False" allowcustomtext="True" backcolor="White" emptymessage="Select a Person" enableloadondemand="True" showmoreresultsbox="True" width="150px" dropdownwidth="200px" zindex="9002" enablescreenboundarydetection="False" style="margin-bottom: 0px" datatextfield="UserName" datavaluefield="pkUserID" filter="Contains" onitemsrequested="RCB_ItemsRequested">

<CollapseAnimation Duration="200" Type="OutQuint" />

</telerik:RadComboBox>

</div>

</td>

</tr>

</InsertItemTemplate>

<ItemTemplate>

<tr>

<td>

<asp:Literal ID="lName" runat="server" Text='<%# Eval("UserName") %>'></asp:Literal>

</td>

</tr>

</ItemTemplate>

<LayoutTemplate>

<asp:LinkButton ID="btnInsert" runat="server" CausesValidation="False" CommandName='<%# Telerik.Web.UI.RadListView.InitInsertCommandName %>' Text="Add User" />

<table>

<tr>

<td style="border: ridge 1px lightgray">

<strong>Applicable Users</strong>

<table>

<asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>

</table>

</td>

</tr>

</table>

</LayoutTemplate>

</telerik:RadListView>

</div>

</form>

</body>

</html>

Code Behind

Partial Class Test2

Inherits System.Web.UI.Page

Public Property Users As IList(Of UserInfo)

Get

Return If(ViewState("Users"), New List(Of UserInfo))

End Get

Set(ByVal value As IList(Of UserInfo))

ViewState("Users") = value

End Set

End Property

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

Me.Users = GetInitialUsers()

End If

rlv.DataSource = Users

rlv.DataBind()

Me.ViewState.SetItemDirty("Users", True)

End Sub

Private Function GetInitialUsers() As IList(Of UserInfo)

Dim Users As New List(Of UserInfo)

Users.Add(New UserInfo(1, "1"))

Users.Add(New UserInfo(2, "2"))

Users.Add(New UserInfo(3, "2"))

Users.Add(New UserInfo(4, "4"))

Return Users

End Function

Protected Sub RCB_ItemsRequested(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs)

Dim ComboBox As Telerik.Web.UI.RadComboBox = sender

Dim itemOffset As Integer = e.NumberOfItems

Dim NumberOfItems As Integer = 1000000000

Dim Take As Integer = 20

For i As Integer = 0 To Take

ComboBox.Items.Add(New Telerik.Web.UI.RadComboBoxItem(i + itemOffset, (i + itemOffset).ToString))

Next

Dim NumberOfItemsInComboBox As Integer = e.NumberOfItems + ComboBox.Items.Count

If NumberOfItems > 0 Then

e.Message = [String].Format("Items <b>1</b>-<b>{0}</b> out of <b>{1}</b>", NumberOfItemsInComboBox, NumberOfItems)

Else

e.Message = "No matches"

End If

e.EndOfItems = (NumberOfItemsInComboBox >= NumberOfItems)

End Sub

Protected Sub rlv_ItemInserting(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadListViewCommandEventArgs) Handles rlv.ItemInserting

Dim ComboBox As Telerik.Web.UI.RadComboBox = e.ListViewItem.FindControl("RadComboBox1")

If Not String.IsNullOrWhiteSpace(ComboBox.SelectedValue) Then

Dim UserID As Integer = ComboBox.SelectedValue

Dim UserName As String = ComboBox.Text

Me.Users.Add(New UserInfo(UserID, UserName))

Else

e.Canceled = True

End If

End Sub

<Serializable()>

Public Class UserInfo

Private _UserID As Integer

Private _UserName As String

Public ReadOnly Property UserID As Integer

Get

Return _UserID

End Get

End Property

Public ReadOnly Property UserName As String

Get

Return _UserName

End Get

End Property

Public Sub New(ByVal UserID As Integer, ByVal UserName As String)

_UserID = UserID

_UserName = UserName

End Sub

End Class

I attached a couple of screen shots to illustrate my problem as well

ListView

answered on 25 Feb 2011

1 answer

432 views

Buttons overlapping in table cells

Hi, I've got 5 linkbuttons that I'm using as a visual replacement for radio buttons. I want them to expand to the width of their container, but when I lay them out in a table, they overlap due to some issue with the CSS, I assume. Could someone help me fix the CSS so they do not overlap? Here is my code:

<div class="box" id="ReductionsBox" runat="Server">

<div class="boxheader">Reductions</div>

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

<tr>

<td><telerik:RadButton ID="NoReductionButton" Text="No Reduction" Checked="True" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="PartialWriteOffButton" Text="Reduce Payoff (Write-Off)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="PartialWaiveButton" Text="Reduce Payoff (Waive)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="FullWriteOffButton" Text="Close Case (Write-Off)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="FullWaiveButton" Text="Close Case (Waive)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

</tr>

</table>

</div>

Attached is a screenshot.

Button

answered on 25 Feb 2011

1 answer

198 views

Dynamic Dropdown in Rad Grid(In ASP.Net with C#)

Hi Team,
I'm using Rad Grid in my application. I need to show my grid as follows.

Source Column	Lookup Column	Filter Condition	Action
This is Drop down (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Dropdown (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Drop down (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Dropdown (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit

Each Dynamic Dropdown has different set of values.
aspx coding:

<telerik:RadGrid runat="server" ID="GridRelateColumn" GridLines="None" Skin="Outlook"

AllowPaging="true" PageSize="10" OnItemDataBound="GridRelateColumn_ItemDataBound"

AutoGenerateColumns="False">

<telerik:GridTemplateColumn headertext="Source Columns" uniquename="SourceColumn">

<asp:DropDownList ID="SourceDropDownList" runat="server” Width="160px"></asp:DropDownList>

</itemtemplate>

</telerik:GridTemplateColumn> <telerik:GridTemplateColumn headertext="LookUp Columns" uniquename="LookUpColumns">

</itemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="FilterCondition" HeaderText="Filter Condition">

</itemtemplate> </telerik:GridTemplateColumn> <telerik:GridEditCommandColumn HeaderText="Action" UniqueName="EditCommandColumn" />

</Columns>

</mastertableview>

</telerik:RadGrid>

Codebehind coding:

protected void GridRelateColumn_ItemDataBound(object sender, GridItemEventArgs e)
   {
   if (e.Item is GridDataItem)
   {
   DataTable dtDDList = new DataTable();
   DataTable dttest = new DataTable();
   string definitionID = string.Empty;

   GridDataItem item = (GridDataItem)e.Item;
   dttest = (DataTable)item.OwnerTableView.DataSource;

   for (int i = 0; i < dttest.Rows.Count; i++)
   {
   definitionID = dttest.Rows[i]["Source Column"].ToString();
   if (definitionID != "" && definitionID != "1")
   {
   DropDownList dDownList = (DropDownList)item.FindControl("SourceDropDownList");
   dtDDList = (DataTable)BLogic.BusinessComponents.RelateColumn.getAllColumnsByDefinitionID(new Guid(definitionID), new Guid(Session["ProjectID"].ToString()));
   dDownList.DataSource = dtDDList;
   dDownList.DataTextField = "ColumnName";
   dDownList.DataValueField = "Selected_Column_GUID";
   dDownList.DataBind();
   }
   }
   for (int j = 0; j < dttest.Rows.Count; j++)
   {
   definitionID = dttest.Rows[j]["Lookup Column"].ToString();
   if (definitionID != "" && definitionID != "1")
   {
   DropDownList dDownList = (DropDownList)item.FindControl("LookUpDropDownList");
   dtDDList = (DataTable)BLogic.BusinessComponents.RelateColumn.getAllColumnsByDefinitionID(new Guid(definitionID), new Guid(Session["ProjectID"].ToString()));
   dDownList.DataSource = dtDDList;
   dDownList.DataTextField = "ColumnName";
   dDownList.DataValueField = "Selected_Column_GUID";
   dDownList.DataBind();
   }
   }
   }
   }

For Example (please have a look at the below grid)

Source Column

Lookup Column

Filter Condition

Action

This drop down will show states of US

This drop down will show states of Europe

This drop down will shows years.(static data)

Edit

This drop down will show states of Brazil

This drop down will show states of India

This drop down will shows years.(static data)

Edit

This drop down will show states of Canada

This drop down will show states of Russia

This drop down will shows years.(static data)

Edit

This drop down will show states of China

This drop down will show states of Germany

This drop down will shows years.(static data)

Edit

Please help us as soon as possible. we need the solution or suggestion urgently. Thanks Alexis.

Grid

answered on 25 Feb 2011

1 answer

75 views

FireFox: RadEditor - please enable JavaScript to use the rich text editor

There is strange text, that appears under the content area, when using RadEditor in Firefox modal window (i.e. Window, opened as modal from another window).

The text is:

"RadEditor - please enable JavaScript to use the rich text editor"

Thanks.

General Discussions

answered on 25 Feb 2011

7 answers

193 views

Cutomizing AjaxUpload - display of filenames and remove option

Hi,
By default the uploaded files and the remove option display at the top. I would like to display the uploaded files and the corresponding remove options below or on the right hand side of the Select button control. How to achieve this? Attached are the original and desired layout for your reference.

Thanks.

AsyncUpload

answered on 25 Feb 2011

4 answers

64 views

Expand Icon in R2L

The Expand Icon doesn't change direction when R2L is applied, even though the icon is available in the Grid's sprite.gif.

Is this a confirmed bug? Is there a workaround?

Regards,
Andrew

Grid

answered on 25 Feb 2011