Questions on UI for ASP.NET AJAX Forum

0 answers

47 views

I have a ticket open for this but I thought maybe others have/are encountering this issue. The RadEditor will not work in RenderMode=Mobile on iOS 10, at least not in a RadWindow. If I switch to class mode it works fine, but the toolbar looks horrible on the small screen.

What options/workarounds do I have? Can you have a different toolbar on mobile without changing everything? Why does this not work? The issue is you can open and edit the text but when you close it you can no longer scroll the RadWindow, which you cold scroll fine before editing the text in the editor.

Editor

asked on 13 Feb 2017

7 answers

104 views

Move next month/previous month arrows

On month view, my customer wants the previous month arrow to appear to the left of the Date header and the next month arrow to appear to the right. So instead of:

< > November, 2011

they want:

< November, 2011 >

Is there a way to do this?

Thanks,
Dan

Scheduler

answered on 13 Feb 2017

1 answer

310 views

Copy/Paste and RadGrid

The only solution I have found for copy and paste into RadGrid is from 2010. Has anything been done since then to implement pasting into RadGrid since then?

Grid

answered on 13 Feb 2017

4 answers

138 views

Managers dialog scrolling classic vs lightweight

Hi,

For users with small screens there is a big difference in accessing all UX elements in the dialog windows.

Please compare attached Classic and Lightweight screenshots.

On Classic all elements (read Pager) are always accessible by using the browser scrollbar.

On Lightweight the Pager is not accessible in Chrome and Edge. In Firefox a scrollbar appears in the RadWindow so the user can scrolldown there.

Screenshots are made with Default skin; as we use Material skin the problem occurs even on modern laptop sceens as the UX elements are all bigger.

Marc

Editor

answered on 13 Feb 2017

1 answer

336 views

telerik:GridEditCommandColumn does not fire OnEditCommand if ButtonType=“ImageButton”?

In a telerik:RadGrid, I have a GridEditCommandColumn like this:

<telerik:RadGrid ID="grdMembers" runat="server" OnEditCommand="grdMembers_OnEditCommand" AutoGenerateColumns="False">

<MasterTableView DataKeyNames="MemberID" ShowHeadersWhenNoRecords="false">

<Columns>

<telerik:GridEditCommandColumn HeaderStyle-Width="30px" EditImageUrl="pen-16x16.png" ButtonType="ImageButton" UniqueName="TemplateColumn"/>

</Columns>

</MasterTableView>

</telerik:RadGrid>

(some more columns are actually included, but I omit those for now).

The grdMembers_OnEditCommand is having a breakpoint.
Now, when the ButtonType is either ImageButton or FontIconButton, the pen icon shows up (not otherwise), but the OnEditCommand will not fire.

Why not?

If the ButtonType is LinkButton, the first column will read "Edit", and the OnEditCommand fires if such a link is clicked.

It would help if I could paste code in this forum without line endings being killed.

Also, undo would be appreciated.

Thanks!

Grid

answered on 13 Feb 2017

3 answers

214 views

Opening Stand alone Image Manager

Hi,

If I follow these instructions: http://www.telerik.com/support/kb/aspnet-ajax/editor/details/using-the-image-and-document-managers-outside-radeditor

When I open like this everything is OK:

function OpenImgManager(TheBox) {
$find(TheBox).open('ImageManager', { CssClasses: [] }, null, 'ImageManager');
}

But when I open like this, the image url is only passed when double clicking the image, on INSERT button null value is passed.

function OpenImgManager(TheBox) {
    var args = new Telerik.Web.UI.EditorCommandEventArgs("ImageManager", null, document.createElement("a"));
    args.CssClasses = [];
    $find(TheBox).open('ImageManager', args);
}

What is happening here, I think this always worked till now.

Marc

Editor

answered on 13 Feb 2017

10 answers

405 views

How can you bind a RadClientDataSource to a custom JavaScript object/array (not to an API/WebService)

I need to bind a RadClientDataSource to a TelerikSearchBox, where the RadClientDataSource pulls data that I already have on the client-side. All the examples I can find try to pull data from a web service or REST API.

I haven't had luck getting a consistent approach that works for setting data and handling when the item is clicked.

I've been playing with trying to set the data in the OnRequestStart client event using code like:

function QN_OnClientDataRequestingDS(sender, args) {

if (args.get_type() === "read") {

//var searchText = sender.get_filterExpressions().getItem(0).get_value();

// Normally get this from another array already on the client-side, but stubbed this for the example

var myData = [

{

'ID': 1,

'Text': 'Item 1'

},

{

'ID': 2,

'Text': 'Item 2'

},

];

var dataSource = sender.get_dataSourceObject();

dataSource.transport.data = myData;

}

The OnRequestStart appears to be called multiple times however.

Also, then in the RadSearchBox OnClientSearch event, I'm trying to get the selected item when they click the dropdown list item, but it doesnt return anything but text:

function QN_OnClientSearch(sender, args) {

// http://docs.telerik.com/devtools/aspnet-ajax/controls/searchbox/client-side-programming/events/onclientsearch

var item = args.get_dataItem(),

text = args.get_text(),

value = args.get_value();

if (item) {

alert(text + " " + value);

}

My server controls are defined like:

<telerik:RadSearchBox

id="SearchBox"

accesskey="S"

runat="server"

visible="true"

EmptyMessage="Search..."

ClientDataSourceID="SearchDS"

DataTextField="Text"

DataValueField="ID"

OnClientSearch="QN_OnClientSearch"

>

</aec:TelerikSearchBox>

<telerik:RadClientDataSource

ID="SearchDS"

runat="server"

>

<Schema>

<Model ID="ID">

<Fields>

<telerik:ClientDataSourceModelField FieldName="ID" DataType="Number" />

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

</Fields>

</Model>

</Schema>

<ClientEvents OnRequestStart="QN_OnClientDataRequestingDS" />

</telerik:RadClientDataSource>

Thanks!

Mike

ClientDataSource

answered on 13 Feb 2017

4 answers

171 views

biff excel export currency in excel file

Hi

Hi,

We use Radgrid and use Bill Excel Export. One of the column data is currency. At design time, 

we are declaring it like this:

<telerik:GridBoundColumn DataField="Amount" HeaderText="Amount" UniqueName="Amount" DataFormatString="{0:C2}" HeaderTooltip="Amount">

<HeaderStyle Width="12%"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

When I export, in excel this column shows up with green triangle in the corner, that means currency is 

treated as string. I know that this is because of use of DataFormatString. The amount is showing fine 

with $ sign and commas. I need this amount column to be treated as currency and not string. This make it 

get rid of green corner in excel. Please let me know how to do it. I tried mso-number-format, 

exportinfrastructure.cell.format etc. Nothing worked out.

Thanks,

Prathiba

Grid

answered on 13 Feb 2017

1 answer

344 views

Load-On-Demand data bound controls in RadPageView when they are selected by RadTab

In my webpage, I have a RadTabStrip containing RadTab:s which will decide which page view the webpage that is shown.

<telerik:RadTabStrip ID="rtsTabs2" runat="server" Width="100%" MultiPageID="rmpMultiPage2" AutoPostBack="True" SelectedIndex="0" OnTabClick="rtsTabs2_TabClick">

<Tabs>

<telerik:RadTab Text="Page 1" PageViewID="pvPage1" />

<telerik:RadTab Text="Page 2" PageViewID="pvPage2" />

</Tabs>

</telerik:RadTabStrip>

The page views are defined like this:

<telerik:RadMultiPage ID="rmpMultiPage2" runat="server">

<telerik:RadPageView ID="pvPage1" runat="server"> RadGrids etc </telerik:RadPageView>

<telerik:RadPageView ID="pvPage2" runat="server"> More RadGrids etc </telerik:RadPageView>

</telerik:RadMultiPage>

The page views contains numerous components that will be populated from the database.

However, I will only be interested in populate those when a page view containing them is displayed.

Which event should I listed at to determine when to populate components?

The OnLoad event in RadPageView is triggered when the page load, regardless if the page view is shown or not.
The OnPreRender event in RadPageView is also triggered on page load.
The OnNeedDataSource event in GridView is the same, the event triggers when the page loads.
Using Visible="False" in a RadPageView only results in page views that will never show up even if the corresponding RadTab is clicked.

TabStrip

answered on 13 Feb 2017

11 answers

603 views

Hiding Sub Totals for Row Items

Hey,

I have a couple of nested row items and I do not want to the show the totals for each group since they are meaningless to the client.

Desired Layout
Person Name August
Product
Budget 15
Actual 14
Production 2
Budget 16
Actual 16

Is there a way to hide the Total footers that would show up under the Person Name field and the Product? This is being done with the latest version of the PivotGrid for ASP.NET AJAX

PivotGrid

answered on 13 Feb 2017