Questions on UI for ASP.NET AJAX Forum

3 answers

105 views

radgrid multiple column sorting with ctrl key

Hi,

Below is my requirment.

Multi sorting should be applied only when user does CTRL+ click on another column.
If user just clicks on another column, the earlier applied sorting should be removed.

Grid

answered on 20 Oct 2020

1 answer

134 views

Saving spreadsheets

Hello,

I want the current spreadsheet (imported or just started new) after any changes to be saved somewhere (preferably to Session) so that when I reload the page or navigate to different page and return, the same spreadsheet would load up.

Thank you for any info.

Spreadsheet

answered on 19 Oct 2020

38 answers

1.1K+ views

Frozen Column Scrolling Issues

On a grid with varying sized columns, when I freeze some columns and then attempt to scroll horizontally, the grid scrolls very oddly.

For example, my grid columns that are scrollable (outside the frozen column count) are Last Name, First Name, SSN as well as many others. Last Name and First Name have 120px as their widths. The SSN is 60px wide. When I scroll to the right

The SSN "scrolls" left and assumes the size of the First Name. First Name goes left. The sizing is one issue. But several columns to the right of that appear to scroll first. This is not the desired effect.

I need to scroll by column only or by pixel or something. This scrolling effect isn't acceptable.

Declarations:

<telerik:RadGrid ID="grdList" runat="server" AllowPaging="True" AutoGenerateColumns="false" AllowAutomaticInserts="true" AllowSorting="True" PageSize="25" Height="600px" GroupingSettings-CaseSensitive ="false" EnableLinqExpressions="false" >

<MasterTableView TableLayout="Auto" ClientDataKeyNames="Key" EditMode="InPlace" CommandItemDisplay="TopAndBottom" AllowFilteringByColumn="true" HeaderStyle-Font-Size="10px" ItemStyle-Font-Size="10px" FilterItemStyle-Font-Size="10px">

<ClientSettings>

<Resizing AllowColumnResize="true" AllowRowResize="true" ResizeGridOnColumnResize="true" />

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

<Selecting AllowRowSelect="true" />

<ClientEvents OnCommand="RaiseCommand" />

</ClientSettings>

Remainder of the content was omitted for brevity.

Thanks,
Matt

EDIT: To clarify, the scrolling works perfectly if I do not set FrozenColumnsCount. It scrolls basically by "pixel" I would say. But when I set FrozenColumnsCount, it is like it scrolls by pixel sorta... but "snaps" to columns. And it does not do a very good job at it.

Grid

answered on 16 Oct 2020

3 answers

231 views

Set authorization for client side databinding

Is there a way to submit an authorization header with the ajax request on the client data bind? I cant seem to find anything that would allow me to do something like this

<script type="text/javascript">

//<![CDATA[

function ParameterMap(sender, args) {

//If you want to send a parameter to the select call you can modify the if

//statement to check whether the request type is 'read':

//if (args.get_type() == "read" && args.get_data()) {

if (args.get_type() != "read" && args.get_data()) {

args.set_parameterFormat({ customersJSON: kendo.stringify(args.get_data().models) });

}

function Parse(sender, args) {

var response = args.get_response().d;

if (response) {

args.set_parsedData(response.Data);

}

function UserAction(sender, args) {

if (sender.get_batchEditingManager().hasChanges(sender.get_masterTableView()) &&

!confirm("Any changes will be cleared. Are you sure you want to perform this action?")) {

args.set_cancel(true);

}

//]]>

</script>

<telerik:RadFormDecorator RenderMode="Lightweight" runat="server" DecorationZoneID="grid" DecoratedControls="All" EnableRoundedCorners="false" />

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" ClientDataSourceID="RadClientDataSource1" AllowPaging="true" AllowSorting="true" >

<MasterTableView ClientDataKeyNames="CustomerID" CommandItemDisplay="Top" BatchEditingSettings-HighlightDeletedRows="true">

<CommandItemSettings ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridBoundColumn DataField="Datetime" HeaderText="Customer ID" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PlantName" HeaderText="Company Name" ColumnEditorID="GridTextBoxEditor">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MachinName" HeaderText="Contact Name" ColumnEditorID="GridTextBoxEditor">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MachineID" HeaderText="Contact Title" ColumnEditorID="GridTextBoxEditor">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<DataBinding Location="http://localhost:2036/api/sample/" SelectMethod="100TEST" SortParameterType="Linq" FilterParameterType="Linq">

</DataBinding>

<ClientEvents OnUserAction="UserAction" />

</ClientSettings>

</telerik:RadGrid>

</div>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxEditor" runat="server" TextBoxStyle-Width="230px"></telerik:GridTextBoxColumnEditor>

<telerik:RadClientDataSource ID="RadClientDataSource1" runat="server" AllowBatchOperations="true">

<ClientEvents OnCustomParameter="ParameterMap" OnDataParse="Parse" />

<%-- <DataSource>

<WebServiceDataSourceSettings BaseUrl="http://localhost:2036/api/sample/">

<Select Url="100TEST" DataType="JSON" />

<Update Url="UpdateCustomers" DataType="JSON" />

<Insert Url="InsertCustomers" DataType="JSON" />

<Delete Url="DeleteCustomers" DataType="JSON" />

</WebServiceDataSourceSettings>

</DataSource>--%>

<Schema>

<Model ID="CustomerID">

<telerik:ClientDataSourceModelField FieldName="Datetime" DataType="String" />

<telerik:ClientDataSourceModelField FieldName="PlantName" DataType="String" />

<telerik:ClientDataSourceModelField FieldName="MachinName" DataType="String" />

<telerik:ClientDataSourceModelField FieldName="MachineID" DataType="String" />

</Model>

</Schema>

</telerik:RadClientDataSource>

Grid

answered on 16 Oct 2020

3 answers

132 views

Scheduler Accessibility

I work for Local Government in the UK. I'm trying to make our web site accessible in time for the UK Government's upcoming deadline of September 2020 for Level AA compliance.

This Scheduler accessibility page states it is Level AA compliant:

https://demos.telerik.com/aspnet-ajax/scheduler/examples/accessibility/defaultvb.aspx

But I'm getting the following 3 failures, which your demo page above also fails on:

Each a element must contain text or an img with an alt attribute. WCAG 2.1 A F89, Section 508 (2017) A F89
Identify row and column headers in data tables using th elements, and mark layout tables with role=presentation. WCAG 2.1 A F91, Section 508 (2017) A F91
This page uses nested tables, which do not make sense when read in a screen reader. WCAG 2.1 A F49, Section 508 (2017) A F49

I'm using the latest 617 release. Am I missing something?

Scheduler

answered on 15 Oct 2020

5 answers

139 views

Press Enter in RadTextBox fires a specific RadButton in a RadAjaxPanle

Hello,

We have a RadAjaxPanel with a RadTextBox and a RadButton in it.

How is it possible to fire the RadButton server side event click and press enter in the RadTextBox ?

Thank you for your help.

Sincerely.

AjaxPanel

answered on 15 Oct 2020

1 answer

92 views

LoadContentFile from URL

Hello,

Is it possible to populate a TreeView control from an XML file that is on another web server?

I'm using the LoadContentFile to load the tree on the website where the XML file is located, but I'm not sure how to populate the TreeView on my other website that needs the same source.

I'm using the XML file on 2 different websites and wanted to use the one source.

I currently get "is not a valid virtual path" error.

This is an example URL: https://temp.com/xml/temp.xml

Thank you

TreeView

answered on 15 Oct 2020

5 answers

143 views

Load layer from datatable

Hi,

Currently i create maps by linking json file to the layer. In my understanding there is a way to provide some kind of an object as a datasource to the layer.

Can you provide example, please?

Map

answered on 15 Oct 2020

3 answers

141 views

scroll position

In my rad wizard some steps have longer content. On Next click, the page maintains the scroll position instead of showing the top of the next step.

Is there a way I can get rid of the scroll position for the wizard?

Wizard

answered on 15 Oct 2020

1 answer

134 views

UI theme for AJAX and Kendo React

Hi,

Is Material Theme in AJAX same as Material Theme in KendoUI React. If not, is there any theme which look same in both products. We are developing a new app using AJAX and React and would like them to look a like.

Thank you

General Discussions

answered on 15 Oct 2020