Questions on UI for ASP.NET AJAX Forum

1 answer

108 views

Hi,

We have a requirement where we need to fetch row index of multiple ClientSelectColumn. Telerik Items collections does not have Rows to traverse through?

Can you please let us know how to retrieve RowIndex?

Thanks,
Amit

CheckBox

answered on 24 Feb 2016

1 answer

156 views

Identify The Button clicked in batcheditcommand

I have a RadGrid that is enabled with batch edit. I have two buttons in the command template Add and Save.

Add Button will open a modal dialog, with out saving the changes made to rad grid.

Save Button will save changes using client settings

Now I need to change the Add Button to save changes before opening the modal dialog.

I am unable to identify the button that invoked the BatchEditcommand so that i can call the

How can I achieve this.

DataForm

answered on 24 Feb 2016

7 answers

177 views

Stylesheet for HTML mode

Hi there.

I've been doing a lot of searching for this but I can't seem to find any answer anywhere.

I'm trying to get access to the html document element for the editor when it is in HTML mode. I want to be able to add a stylesheet so that I can control the font size, font family etc. when using the editor in HTML mode. All of the answers that I've found so far only show you how to add stylesheets for the editor in Preview and Design mode.

Thanks in advance

Editor

answered on 24 Feb 2016

1 answer

100 views

Separate sqldatasource for each series

I have two sets of data that I would like to display as two series in an htmlareachart. Each set of data comes from a separate sql server and thus has it's own sqldatasource. Is there a way to assign the first datasource to series 1 and the second datasource to series 2?

Chart (HTML5)

answered on 24 Feb 2016

6 answers

121 views

Prepopulating Advanced Form fields on click

I am trying to prepopulate certain data in the advanced form client side. Regardless of what I do when the form opens the subject field is blank and i get the validation warning to enter a subject...

Here is my code can you please tell me what i am doing wrong and thanks

<script type="text/javascript">

function AdjustHeader(obj, args) {

if (args.get_item().get_text().indexOf('Availability') > 0)

formatAppointment(true);

else if (args.get_item().get_text().indexOf('Class') > 0)

formatAppointment(false);

}

function formatAppointment(isPriv) {

$(".rsAllDayWrapper").hide();

var subjectJQueryObject = $telerik.$("[id$='Form_Subject']");

var subjectRadTextBoxObject = $find(subjectJQueryObject.attr("id"));

alert(subjectJQueryObject.attr("id"));

if (isPriv) {

$(".rsAdvTitle").html("New Private Session Availability");

subjectRadTextBoxObject.set_value("Open for private training");

$("#" + idPrefix + "Subject_Label").html(" ")

} else {

$(".rsAdvTitle").html("New Group Class");

$("#" + idPrefix + "Subject_Label").html("Class Name")

}

</script>

<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="schedTrainer" Height="590" OverflowBehavior="Auto"

SelectedView="WeekView" ShowFooter="false" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday"

EnableDescriptionField="true" AppointmentStyleMode="Default" Skin="Telerik"

OnResourcesPopulating="schedTrainer_ResourcesPopulating" OnClientResourcesPopulating="popUser"

OnClientAppointmentsPopulating="popUser" OnClientAppointmentWebServiceDeleting="popUser"

OnClientAppointmentWebServiceUpdating="popUser" OnClientAppointmentWebServiceInserting="popUser"

StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true"

DayView-ShowAllDayInsertArea="false" MultiDayView-ShowAllDayInsertArea="false" WeekView-ShowAllDayInsertArea="false"

ShowAllDayRow="false"

OnClientTimeSlotContextMenuItemClicking="AdjustHeader"

>

<AdvancedForm EnableResourceEditing="false" />

<TimeSlotContextMenus>

<telerik:RadSchedulerContextMenu runat="server" ID="TimeContextMenu">

<Items>

<telerik:RadMenuItem Text="Add Recurring Availability" Value="CommandAddRecurringAppointment" />

<telerik:RadMenuItem Text="Add Recurring Class" Value="CommandAddRecurringAppointment" />

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadMenuItem Text="Add Spot Availability" Value="CommandAddAppointment" />

<telerik:RadMenuItem Text="Add Spot Class" Value="CommandAddAppointment" />

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadMenuItem Text="Go to today" Value="CommandGoToToday" />

<telerik:RadMenuItem Text="Show 24 hours..." Value="CommandShow24Hours" />

</Items>

</telerik:RadSchedulerContextMenu>

</TimeSlotContextMenus>

<WebServiceSettings Path="../../WebService/Scheduler.asmx" ResourcePopulationMode="ClientSide" />

<AdvancedForm Modal="true"></AdvancedForm>

<TimelineView UserSelectable="false"></TimelineView>

<AgendaView UserSelectable="true" />

<ResourceStyles>

<%--AppointmentStyleMode must be explicitly set to Default (see above) otherwise setting BackColor/BorderColor

will switch the appointments to Simple rendering (no rounded corners and gradients)--%>

<telerik:ResourceStyleMapping Type="Calendar" Text="Personal"

BorderColor="#abd962" />

<telerik:ResourceStyleMapping Type="Calendar" Text="Work"

BorderColor="#25a0da" />

</ResourceStyles>

<ResourceHeaderTemplate>

<div class="rsResourceHeader<%# Eval("Text") %>">

<%# Eval("Text") %>

</div>

</ResourceHeaderTemplate>

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

<Localization HeaderWeek="Work week" />

</telerik:RadScheduler>

Scheduler

answered on 24 Feb 2016

0 answers

62 views

Selected Date Calendar get the selected date

Hi, any chance to retrieve the date which is clicked from the Calendar which sits on the top left of Scheduler?

thanks

Scheduler

asked on 24 Feb 2016

9 answers

148 views

Material CSS

Hi All,

When placing a set of controls such as the combo box, date picker and textbox in a vertical column they look messy. The underline field positioning doesn't line up. The combobox and date pickers seem to line up as do the textbox and checkbox.

I've tried working out what CSS controls the appearance of the underline but nothing seems to affect it. I've been able to change the colour using the border on the rcbInner class but nothing seems to affect the width.

Any pointers on getting these controls tweaked to not appear staggered.

Regards

Jon

ComboBox

answered on 23 Feb 2016

2 answers

86 views

Sort by column that is not in the grid

Hi, I have a RadGrid in my page and one of the columns is Size. Size is a combination of dimensions. Let's say, for the sake of simplicity, we have three dimensions - length, width, and height..When displaying, it will not always be in the format of [length x width] or [length x width x height], some might need to be displayed as [width x height] only or ]width x length x height]. We already have appropriate sql function that formats the display appropriately.

Another thing is this field is of string type. So when sorting, we will have issues.In terms like 12 can come up before 9. So what we have done is create another sql function that helps sort it appropriately. We have a varchar(30) columns where we plug in 10 length value for each dimension - 1st five is for the whole number part, 2nd five for decimal part, multiplied by three dimensions so 30 characters length always. Eg.

1.Length Width Height Display SortValue

2.10 12.125 7 10 x 12.125 x 7 000100000000012125000000700000

3.5 7.75 9.5 7.75 x 5 x 9.5 000077500000005000000000950000

4.8.5 9 2.0125 8.5 x 9 x 2.0125 000085000000009000000000201250

5.2.5 8 2.5 x 8 000025000000008000000000000000

I am getting data using NeedDataSource. My sql query gets only as much data as is needed to show in the page. So if grid page size is 10, I get first 10 rows only for page 1. When user navigates to second page, code calls NeedDataSource again to get the next 20 rows of data.

In SortCommand method, all I do is populate a SortDictionary with appropriate field name and sort order and rebind grid again.

private Dictionary<String, String> SortByDictionary

{

get { return ViewState["sortBy"] == null ? new Dictionary<string, string>() : (Dictionary<String, String>)ViewState["sortBy"]; }

set { ViewState["sortBy"] = value; }

}

protected void rgResult_SortCommand(object sender, GridSortCommandEventArgs e)

{

if (e.CommandArgument != null)

{

var key = e.CommandArgument.ToString();

if (SortByDictionary == null)

SortByDictionary = new Dictionary<string, string>();

if (!SortByDictionary.ContainsKey(key))

SortByDictionary.Add(key, String.Empty);

if (e.NewSortOrder == GridSortOrder.None)

SortByDictionary.Remove(key);

else

SortByDictionary[key] = e.NewSortOrder == GridSortOrder.Ascending ? "ASC" : "DESC";

}

e.Item.OwnerTableView.DataSource = GetData(false);

e.Item.OwnerTableView.Rebind();

}

In the GetData function, to create the order by part of the sql query, I loop through all the keys in SortDictionary and change order column to SortValue if I see Display there. Sql query comes up fine and executing it in SSMS presents me the results correctly. For example, from the data example above, it gives me line 5 first, then 3, 4 and 2 as expected.

However, problem lies when displaying in grid. Because user had clicked sort by Display column, grid resorts the data again. So the data gets displayed as line 2, 5, 3, and 4.

My question is - is there a way to prevent grid from resorting? I am using Telerik.Web.UI version 2013.3.1324.40.

Thank you.

Grid

answered on 23 Feb 2016

15 answers

226 views

RadComboBox - IE freezes when RCB is clicked

First, I will say, I do have a work around for this as gathered from previous threads
here: http://www.telerik.com/community/forums/aspnet-ajax/combobox/radcombobox-scrolling-selection-locks-browser.aspx
and here: http://www.telerik.com/community/forums/aspnet-ajax/combobox/radcombobox-ie-7-freeze-problem.aspx

But I wanted to post again because this didn't happen for us until we upgraded to the 2010 Q2 release so this is still an issue.

Description:
I have multiple RadComboBoxes (RCB) in a RadWindow that pops up, and all the RCB have mostly the same property settings.
When I click one of the RCB, it opens and the whole browser freezes as the CPU is maxed.
If the RCB in question has fewer items in it (so that it doesn't extend passed the RadWindow boundries) there's no problem. This is odd because the first few RCB are fine, including one that has enough items to extend passed the RadWindow boundries.

Solutions (from the links above):
Either set the RCB property EnableScreenBoundaryDetection="false" or set the RCB property MaxHeight to some number that will keep the list from extending past the RadWindow boundry.

Just wondering if there is some kind of fix coming to avoid doing these workarounds whenever they crop up.

Robert Helm

ComboBox

answered on 23 Feb 2016

5 answers

346 views

RadGrid FilterType="HeaderContext" does not allow filter

I can get the menu to show up with the checkboxes for the OnFilterCheckListItemsRequested.

However when you select any of the checkboxes you are not able to click "filter" button and the "show rows with value that" drop down box is disabled. The button highlights but no click action or postback.

however if i use the "checkbox" or "combine" for the FilterType it works when selecting items from the list.

attached is my radgrid code and a screenshot of the menu.

<telerik:RadGrid ID="RadGrid1" AllowFilteringByColumn="True" runat="server" FilterType="

AllowPaging="True" OnFilterCheckListItemsRequested="RadGrid1_FilterCheckListItemsRequested"

Height="100%" AllowSorting="True"

ShowGroupPanel="True" EnableGroupsExpandAll="True" EnableHeaderContextMenu="True"

EnableHierarchyExpandAll="True" ShowFooter="True" ShowStatusBar="True"

PageSize="500" OnInfrastructureExporting="RadGrid1_InfrastructureExporting"

EnableHeaderContextAggregatesMenu="True"

FilterMenu-EnableAutoScroll="False" FilterMenu-EnableImageSprites="True" FilterMenu-EnableRootItemScroll="True"

FilterMenu-EnableSelection="True" FilterMenu-EnableTextHTMLEncoding="True"

FilterMenu-ShowToggleHandle="True" MasterTableView-AllowFilteringByColumn="True"

MasterTableView-EnableGroupsExpandAll="True" MasterTableView-EnableHeaderContextAggregatesMenu="True"

MasterTableView-EnableHeaderContextFilterMenu="True" MasterTableView-EnableHeaderContextMenu="True"

MasterTableView-EnableHierarchyExpandAll="True" MasterTableView-RetrieveDataTypeFromFirstItem="True"

RegisterWithScriptManager="True" PagerStyle-PageSizeControlType="RadComboBox" ClientSettings-AllowColumnHide="True"

ClientSettings-AllowColumnsReorder="True" ClientSettings-AllowDragToGroup="True"

ClientSettings-AllowKeyboardNavigation="True" ClientSettings-AllowRowsDragDrop="True"

ClientSettings-EnableRowHoverStyle="True" FilterMenu-AppendDataBoundItems="True">

<CommandItemStyle />

<ExportSettings ExportOnlyData="True" IgnorePaging="True" Excel-Format="Xlsx">

</ExportSettings>

<ClientSettings AllowDragToGroup="false" Resizing-AllowColumnResize="true" AllowColumnHide="True"AllowColumnsReorder="True" AllowRowHide="True" AllowRowsDragDrop="True" ReorderColumnsOnClient="True" Animation-AllowColumnReorderAnimation="False" Animation-AllowColumnRevertAnimation="False" DataBinding-EnableCaching="True" Resizing-AllowResizeToFit="True" Resizing-EnableRealTimeResize="True" Scrolling-AllowScroll="False" Scrolling-SaveScrollPosition="True">

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>