Questions on UI for ASP.NET AJAX Forum

1 answer

134 views

Creating Appointments in RadScheduler MonthView

I'm using RadScheduler (2012.2.724.40) set to MonthView to display a series of Appointments. In our app, Appointments are actually scheduled events (sent to Quartz Scheduler) requiring a precise start time but no end time, so we set the duration for all of them to 30 minutes just for display purposes. I'd like to keep the MonthView active, as our app has events spread out over the course of a month or more within a given context.

However, when adding an Appointment from MonthView, the StartTime defaults to 12:00 AM on the day of the appointment (an all-day appt) and does not change despite unchecking All Day and setting StartTime in the advanced form. What is the best way to work around this behavior?

Scheduler

answered on 17 Aug 2012

3 answers

172 views

RadMaskedTextBox - more digits (17,2)

Hi,

We have a situation where we need to restrict user to input only numbers and the limit should be 15 digits with 2 precision.
We tried using the below code and looks there is a restriction of using more than 9 digits:

<telerik:RadMaskedTextBox ID="tbQuantity" runat="server" SelectionOnFocus="SelectAll" AutoPostBack="true" Mask="<0..9999999999999>.<0..99>" />

We also tried the below from Telerik demos but the "." comes end like "111111." even though we type "111.111"
<telerik:RadMaskedTextBox ID="txtNewPrice" runat="server" DisplayFormatPosition="Right" HideOnBlur="true" EmptyMessage="" Mask="##############.##" DisplayMask="##############.##" />

Please help in this regard.

Thanks.

Input

answered on 17 Aug 2012

4 answers

568 views

100% percent filter control width

I use standard filters for each grid column. The functionality works fine.
But we would like to fit the filter controls automatically when user resizes the columns.

Grid contains corresponding property "FilterControlWidth" and it is possible to set it to "100%". But, unfortunately, it doesn't work as we expected. The "100%" width can be specified only for the textbox and it means that corresponding filter icon always wraps.
The similar problem is for DateTime columns with textbox and 2 icons (date selection and filter).

The idea is to set "100%" for a wrapper on the textbox and filter icon in order to avoid the filter row wrapping.

Is it possible to fit the filter controls automatically?

Grid

answered on 17 Aug 2012

8 answers

393 views

radgrid GridDateTimeColumn using EnableRangeFiltering

Is there a way to narrow this column? right now the range filter is quite wide is there a way to stack the datepickers instead of having them appear side by side, this takes up an enourmous amount of grid real estate. I have tried filtercontrolwidth and it had no effect at all. Please assist, thank you.

Grid

answered on 17 Aug 2012

1 answer

75 views

[Solved] VirtualItemCount and Sql Count

Hello,

I want to set the VirtualItemCount to the number of items within a SQL query. Following this example : http://demos.telerik.com/aspnet-ajax/grid/examples/client/virtualscrollpaging/defaultcs.aspx .

How would I set the Virtual item count whenever I do a query within the defaultcs.aspx NeedDataSource, and update the grid?

Thank you, Joe Nguyen

Grid

answered on 17 Aug 2012

1 answer

109 views

Treeview : How to save a new folder in Database

Hi everyone,

I have a "radtreeview" containing a contexmenu authorizing the user to create a new folder. I used th following example :
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/contextmenu/defaultcs.aspx

When we click on the "create folder" item, the treeview allow us to edit it, I would like to save the name of this new node in my db. So I tried to put my methods of saving in the treeview event "OnNodeEdit", but it does not pass by this event.

My question is thus the following one: on what server side event may I introduce my saving?

Thx a lot.

TreeView

answered on 17 Aug 2012

1 answer

53 views

[Solved] I need to supress few charecters while copying text from MS Word to RadEditor control

I need to supress few charecters while copying text from MS Word to RadEditor control such as ' (single quote) and " (Double quotes). Below is the example.

Below employees are requested me at HR’s desk in

“Chris”

“Jhon”

This is different from the radEditior text

Below employees are requested me at HR's desk in

"Chris"

"Jhon"

is there any way to replace\supress this type of data as well ?
I have used reEditor.StripFormattingOptions = Telerik.Web.UI.EditorStripFormattingOptions.MSWordRemoveAll;
but not helped.

Editor

answered on 17 Aug 2012

1 answer

103 views

UseClientTimeOffset on TimeView problem

Hi,
I use the TimeView with a custom collection according to http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/customcollection/defaultcs.aspx

The custom collection is needed because the user should be able to select the time 23:59. But this does not work in other timezones: when not in the same timezone as UTC time, the picker "results" in another time than the selected. For example, if I pick 23:59, the time in the textbox results in 21:59 for my timezone. Every other time is ok - for example if I pick 12:00, it picks the right one. It seems that the property UseClientTimeOffset does not work for this particular time 23:59?

public static void SetA4DValidTimeView(this RadTimeView timeView)

{

ArrayList arrayList = new ArrayList();

arrayList.Add(new DateTime(DateTime.UtcNow.Year, DateTime.UtcNow.Month, DateTime.UtcNow.Day, 23, 59, 0));

for (int hour = 1; hour < 24; hour++)

arrayList.Add(DateTime.UtcNow.Date.AddHours(hour));

timeView.DataList.DataSource = arrayList;

}

I created a class in order to use the UseClientTimeOffset property.

public class A4DRadTimeView: RadTimeView

{

public A4DRadTimeView()

{

this.SetA4DValidTimeView();

base.UseClientTimeOffset = true;

}

Markup:

<MCN:A4DRadDateTimePicker runat="server" ID="dateTimePickerDepartureTime" Enabled="false"

CssClass="labelregular" Calendar-CultureInfo="en-US" SharedTimeViewID="A4DSharedTimeView">

<DateInput EmptyMessage="____-__-__ __:__">

<ClientEvents OnValueChanged="inputValueChanged" />

</DateInput>

</MCN:A4DRadDateTimePicker>

<MCN:A4DRadTimeView ID="A4DSharedTimeView" runat="server"></MCN:A4DRadTimeView>

Script:

function inputValueChanged(sender, args) {

var newValue = args.get_newValue();

var dateFormat = sender.get_dateFormat();

var date = args.get_newDate();

if (date != null) {

if (newValue.indexOf(sender.get_dateFormatInfo().TimeSeparator) < 0 &&

date.getHours() == 0 &&

date.getMinutes() == 0 &&

date.getSeconds() == 0) {

date.setHours(0);

date.setMinutes(01);

sender.set_value(date.format(dateFormat));

}

Calendar

answered on 17 Aug 2012

1 answer

126 views

RadGrid Filtering using Custom Dropdown column

I have created a Grid with filtering using the RadGrid with the following markup

<telerik:RadGrid ID="RadGrid1" Width="99%" OnNeedDataSource="Grid_NeedDataSource"

AllowFilteringByColumn="True" AllowSorting="True" PageSize="20" ShowFooter="True"

AllowPaging="True" runat="server" AutoGenerateColumns="False" GridLines="None"

Skin="Office2007">

<GroupingSettings CaseSensitive="false" />

<MasterTableView ShowHeadersWhenNoRecords="true" AllowFilteringByColumn="True" ShowFooter="True"

DataKeyNames="OffenseTypeId" TableLayout="Fixed" ClientDataKeyNames="OffenseTypeId, StateCode, Description">

<Columns>

<telerik:GridClientSelectColumn HeaderStyle-Width="30px" />

<telerik:GridBoundColumn DataField="StateCode" HeaderText="VCC Code" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains" ShowFilterIcon="true" FilterControlWidth="70%">

<HeaderStyle Width="120px" />

</telerik:GridBoundColumn>

<custom:OffenseModifierFilteringColumn DataField="ModifierDescription" HeaderText="Offense Modifier"

AllowFiltering="true" FilterControlWidth="90%">

<HeaderStyle Width="200px" />

<ItemTemplate>

<%# Eval("ModifierDescription")%>

</ItemTemplate>

</custom:OffenseModifierFilteringColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains" ShowFilterIcon="true" FilterControlWidth="95%">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OffenseStatute" HeaderText="Statute" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains" ShowFilterIcon="true" FilterControlWidth="70%">

<HeaderStyle Width="120px" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowSelected="RowSelected" />

</ClientSettings>

</telerik:RadGrid>

with the custom filtering column as such:

/// <summary>

/// Custom Filtering column for the SelectOffense

/// </summary>

public class OffenseModifierFilteringColumn : GridTemplateColumn

{

/// <summary>

/// Setups the filter controls.

/// </summary>

/// <param name="cell">The cell.</param>

protected override void SetupFilterControls(TableCell cell)

{

var rcBox = new RadComboBox

{

ID = "DropDownList1",

AutoPostBack = true,

DataTextField = DataField,

DataValueField = DataField

};

rcBox.SelectedIndexChanged += rcBox_SelectedIndexChanged;

var table = GetDataTable();

var row = table.NewRow();

row[DataField] = "";

table.Rows.InsertAt(row, 0);

rcBox.DataSource = table;

cell.Controls.Add(rcBox);

}

/// <summary>

/// Sets the current filter value to control.

/// </summary>

/// <param name="cell">The cell.</param>

protected override void SetCurrentFilterValueToControl(TableCell cell)

{

if (!(CurrentFilterValue == ""))

{

((RadComboBox)cell.Controls[0]).Items.FindItemByText(CurrentFilterValue).Selected = true;

}

/// <summary>

/// Gets the current filter value from control.

/// </summary>

/// <param name="cell">The cell.</param>

/// <returns></returns>

protected override string GetCurrentFilterValueFromControl(TableCell cell)

{

var currentValue = ((RadComboBox)cell.Controls[0]).SelectedItem.Value;

CurrentFilterFunction = (currentValue != "") ? GridKnownFunction.EqualTo : GridKnownFunction.NoFilter;

return currentValue;

}

/// <summary>

/// Handles the SelectedIndexChanged event of the rcBox control.

/// </summary>

/// <param name="sender">The source of the event.</param>

/// <param name="e">The <see cref="Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs"/> instance containing the event data.</param>

protected void rcBox_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

((GridFilteringItem)(((RadComboBox)sender).Parent.Parent)).FireCommandEvent("Filter", new Pair());

}

/// <summary>

/// Gets the filter data field.

/// </summary>

/// <returns></returns>

protected override string GetFilterDataField()

{

return DataField;

}

#region Private Members

/// <summary>

/// Gets the data table.

/// </summary>

/// <returns></returns>

public DataTable GetDataTable()

{

var offenseModifiers = BusinessProcessManagerFactory<IOffenseTypeManager>.Instance.Get().GetOffenseModifiers();

// convert to datatable

var myDataTable = SqlTableTypeHelper.CreateTableType(offenseModifiers.Select(x => x.ModifierDescription).ToList(), typeof(String), "ModifierDescription");

return myDataTable;

}

#endregion

}

As per your example in Grid -> Filtering Template Columns. I am using Telerik version 2009.3.1208.35.

The page render's and the grid display full of data. I filter on every column except the custom column and the filtering works great. When I select a value from the drop down, the grid empties and no records are displayed.

Any idea's?

Thanks,
Luke

Grid

answered on 17 Aug 2012

0 answers

109 views

RadAjaxManager not working on asp:dropdownlist control in .net framework 4.0

I have a problem concerning asp:dropdownlist control did not postback with RadAjaxManager in .net framework 4.0. It works on .net framework 2.0 in MS Visual Basic .net 2010 and converting it to .net framework 4.0, asp:dropdownlist control didn't postback. Any idea on this?

Ajax

asked on 17 Aug 2012