Questions on UI for ASP.NET AJAX Forum

110,769 questions

1 answer

189 views

I started playing with the Kendo DataViz for a mobile "Andon" display on a variety of devices (Android Tablet, Black Berry, IPhone, Windows).

I was really impressed with how quick I could get a chart to appear on all devices (I spent about an hour, and most of that was reading documentation). So now, I am looking at my next steps in terms of a general solution, and that is where my questions come in.

1. What is the time frame for seeing the .Net class wrappers for Kendo so that we can control the Kendo UI/Data Viz elements at the server HTTP GET time? E.g. if certain conditions occur, can I control the chart being rendered to the client?

2. Is there a way to aggregate data from a dataSource of type transport? E.g. Suppose I have a list of orders with customer information and item quantities and prices, could I specify an aggregate by order and customer for total price? Or, supoose I have a number of workflow task data with start and finish, could I average the expected time to finish?

(ok, I admit that could write a JSON service to do this for me, but I would rather have the aggregate in the client side processing, so that I don't need to modify my data access layers)

3. Will Kendo Dataviz support the WebSockets API to get data change events? If so, how with the API work?

3. A. What is the best practice for telling a DataViz chart that it should go refresh its data? E.g. Your data is now 5 minutes old, go get a new data. I would prefer to do this without requiring the page to make a full round-trip to the web server.

3. B. Does DataViz support a straight XML stream (Mime: text/xml) to render a chart? If so, where can I find examples?

4. I am given to understand that the Kendo DataViz will only be available in the Ultimate Collection. For those of us who received the launch-promo license to DataViz and we have Premium Collections, will our licenses and support for Kendo carry over with our subscription renewals?

Thanks in advance for any insights!
j.

General Discussions

answered on 16 May 2012

3 answers

95 views

New Line Repeating Class

I have a paragraph in the editor lie this (looking at html view):

<p class="some-class">some text</p>

When the user presses 'Enter' to create a new line, the class is repeated:

<p class="some-class"> </p>

I would prefer that a new line create a <p> without the class - how can I make this happen?

Editor

answered on 16 May 2012

1 answer

411 views

EditMode="InPlace" for radgrid not working

Hi ,
I have a radgrid with 4 columns, where i have to edit 2nd column highlighted below. What are things i have to achieve this ?
With below code last row 2nd column of grid is in editable mode and entire row is getting highlighted.. what are things i have to do for editing all rows and only 2 column.

Please Suggest .

   <telerik:RadGrid ID="rdGrdMenu" runat="server" AutoGenerateColumns="false" AllowFilteringByColumn="true"
                Skin="Office2007" GridLines="Both" OnItemDataBound="rdGrdMenu_ItemDataBound" >
                <MasterTableView EditMode="InPlace">
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="Group Level" UniqueName="prdlvl" DataField="prdlvl"
                            Visible="true" ReadOnly="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Description" UniqueName="prdlvldsc" DataField="prdlvldsc"
                            Visible="true" >
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Budget" UniqueName="budflg" DataField="budflg">
                            <ItemTemplate>
                                <cc1:AFSAt_CodeDropDown ID="drpDownBdgt" runat="server" AtCodeType="000006" Width="100%">
                                </cc1:AFSAt_CodeDropDown>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Status" UniqueName="Status" DataField="codsts">
                            <ItemTemplate>
                                <cc1:AFSAt_CodeDropDown ID="drpDownStatus" runat="server" AtCodeType="000001" Width="100%">
                                </cc1:AFSAt_CodeDropDown>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

Codebehind :
     protected void RadGrid1_PreRender(object sender, EventArgs e)
    {
        //to set the Grid always in edit mode
        foreach (GridDataItem item in rdGrdMenu.MasterTableView.Items)
        {
            item.Edit = true;
        }
        rdGrdMenu.Rebind();
    }

   Regards,
Akki

Grid

answered on 16 May 2012

11 answers

351 views

How to select multiple appointment and update at a same time

Hi All,

I am using radscheduler in my application. i want to select more than one appointment set cancel the appointments at a time. please let me know how to get more than one appointment in appointment context menu and update the all selected appointment.

Thanks in advance,
Dhamu.

Scheduler

answered on 16 May 2012

1 answer

103 views

RadEditor's DockingZone Work in RibbonBar Mode ?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormEditorDock.aspx.cs" Inherits="X.Model.GOV.Public.WebFormEditorDock" %>

<!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>RadEditor RibbonBar outerdiv Test</title>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<table width="640px" border="1" style="border-collapse:collapse;">

<tr><td><div id="outerdiv"></div></td></tr>

<tr><td><input type="text" runat="server" value="Please Input Title Here ..." style="width:99%;" /></td></tr>

<tr>

<td>

<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="Default" ToolsFile="~/xml/EditorRibbonBarDock.xml" Width="100%">

<Content>Please Input Text Here ...</Content>

</telerik:RadEditor>

</td>

</tr>

</table>

</form>

</body>

</html>

when i change ToolbarMode="Default" as ToolbarMode="RibbonBar", it work wrong.

EditorRibbonBarDock.xml

<?xml version="1.0" encoding="utf-8" ?>

<root>

<tools name="Base" tab="Base" Enabled="true" DockingZone="outerdiv">

<tool name="PasteStrip" size="large" />

<tool name="Cut" size="medium" />

<tool name="Copy" size="medium" shortcut="CTRL+C" />

<tool name="Print" size="medium" shortcut="CTRL+P" />

</tools>

</root>

Editor

answered on 16 May 2012

0 answers

84 views

Problem When Deleting Multiple RadDocks from RadDockZone

Dock

asked on 16 May 2012

1 answer

119 views

SelectedIndexChanged does not fire on IIS default page

I'm having a problem with the default web page that is set in IIS and IIS Express.

The SelectedIndexChange event does not fire for the ComboBox when the "Default.aspx" is not in the URL path. The event fires when the url is http://localhost:49573/Default.aspx. However, the event does not fire when the url is http://localhost:49573.

Also of interest is the fact that the "MemberGrid_NeedDataSource" event fires in both cases.

Thanks,
Mike

ComboBox

answered on 16 May 2012

1 answer

94 views

Text is outside the notification box

When i set small height for the notification the text became outside, below the notification box. Could i control the text position to be centered or left...etc ????

Notification

answered on 16 May 2012

6 answers

835 views

how to find control inside RadPageView

Dear Telerik Team,

I have a radgrid with editformtemplate in it. Inside Editform template i have a radtab with set a textboxes and gridview. I just want to access those text boxes and gridview inside that radtabs. When I am trying to access those using findcontrol I am getting null values. Any ides how to get the values of textboxes and gridviews. here is my code..

<telerik:RadGrid ID="rg200" runat="server" AutoGenerateColumns="False" PageSize="20"

Height="550px" Width="100%" AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="True"

EnableHeaderContextMenu="True" GridLines="None" AllowMultiRowEdit="true" AllowFilteringByColumn="True"

OnNeedDataSource="rg200_NeedDataSource" OnItemCommand="rg200_ItemCommand" OnItemCreated="rg200_ItemCreated">

<MasterTableView GridLines="None" DataKeyNames="orderId" CommandItemDisplay="Top"

EditMode="EditForms">

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="3%"

ItemStyle-Width="3%">

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

<ItemStyle Width="3%"></ItemStyle>

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn UniqueName="sId" HeaderText="sId" DataField="sId" ReadOnly="true"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="orderId" HeaderText="orderId" Visible="false"

ReadOnly="true" DataField="orderId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Project Name" HeaderText="Project Name" DataField="Project Name"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Site Name" HeaderText="Site Name" DataField="SiteName"

ReadOnly="true">

<ItemTemplate>

<asp:LinkButton ID="lnkSiteName" runat="server" Text='<%# Eval( "Site Name" ) %>'

ForeColor="Blue" CommandName="sitename"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="Task Status" HeaderText="Task Status" DataField="Task Status"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Clarify Account Nbr" HeaderText="Clarify Account Nbr"

DataField="Clarify Account Nbr">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Site ID" HeaderText="Site ID" DataField="Site ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Quote ID" HeaderText="Quote ID" DataField="Quote ID">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn UniqueName="EDP Created?" HeaderText="EDP Created?" DataField="EDP Created?">

</telerik:GridCheckBoxColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" Display="false">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table id="Table1" cellspacing="1" cellpadding="1">

<tr>

<td>

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop"

SelectedIndex="0" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="Task Data" PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab Text="Notes" PageViewID="RadPageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">

<telerik:RadPageView runat="server" ID="RadPageView1">

<..... some code here .....>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView2">

<table id="Table2" cellspacing="1" cellpadding="1" width="250" border="0">

<tr>

<td>

<legend><b>Add Notes</b></legend>

<table id="Tablenotes">

<tr>

<td align="left">

Note Type :

<asp:DropDownList ID="ddlNoteType" runat="server">

</asp:DropDownList>

</td>

<td align="left">

</td>

</tr>

<tr>

<td align="left" colspan="2">

Note Description

</td>

</tr>

<tr>

<td align="left">

<asp:TextBox ID="txtNoteDesc" runat="server" TextMode="MultiLine" Rows="2" Width="650px"></asp:TextBox>

</td>

<td>

<asp:ImageButton ID="btnAddNote" CommandName='AddNote' runat="server" ToolTip="Add Note"

ImageUrl="~/Images/add-icon.png" />

<asp:ImageButton Visible="false" ToolTip="Update" OnClick="imgbtnNotesUpdate_Click"

ID="imgbtnNotesUpdate" runat="server" ImageUrl="~/Images/accept-icon.png" />

<asp:ImageButton Visible="false" ToolTip="Cancel" OnClick="imgbtnNotesCancel_Click"

ID="imgbtnNotesCancel" runat="server" ImageUrl="~/Images/delete-icon.png" />

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<div style="overflow: auto; height: 160px">

<asp:GridView ID="gvNotes" BorderColor="#004000" runat="server" AutoGenerateColumns="false"

BackColor="White" BorderWidth="1px" BorderStyle="Solid" CellSpacing="0" Width="100%"

OnSelectedIndexChanged="gvNotes_SelectedIndexChanged" OnRowDataBound="gvNotes_RowDataBound">

<HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"

HorizontalAlign="Center" BorderColor="White" BorderWidth="0px" />

<PagerSettings Mode="NumericFirstLast"></PagerSettings>

<RowStyle ForeColor="#000000" Font-Size="8pt" HorizontalAlign="Left" BorderWidth="1px"

BorderColor="#004000" />

<AlternatingRowStyle Font-Size="8pt" ForeColor="#000000" BackColor="#F5F5E9" BorderWidth="1px"

BorderColor="#004000" />

<PagerStyle HorizontalAlign="Right" Font-Bold="true" Font-Size="8pt" />

<Columns>

<asp:TemplateField Visible="false">

<ItemTemplate>

<asp:Label ID="lblonID" runat="server" Text='<%# Bind("onID") %>'></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Left" />

</asp:TemplateField>

<asp:BoundField HeaderText="Note Description" DataField="Description" />

<asp:BoundField HeaderText="Note Type" DataField="Type" />

<asp:BoundField HeaderText="Created By" DataField="CreatedBy" />

<asp:BoundField DataFormatString="{0:MM/dd/yyyy}" HeaderText="Created Date" DataField="CreationDate" />

</Columns>

</asp:GridView>

</div>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True">

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

<Selecting AllowRowSelect="true" />

<Resizing AllowColumnResize="true" />

<ClientEvents OnRowContextMenu="RowContextMenu" OnRowSelected="OnRowSelected" OnRowDeselecting="OnRowDeselecting" />

</ClientSettings>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"></PagerStyle>

</telerik:RadGrid>

here is my cs code

if (e.CommandName == "AddNote")

{

clsTaskUpdates_BL objBL = new clsTaskUpdates_BL();

string strName = Session["UserName"].ToString();

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditFormItem item = e.Item as GridEditFormItem;

GridDataItem dataitem = e.Item as GridDataItem;

TextBox Notedesc = editedItem.FindControl("txtNoteDesc") as TextBox;

GridView gvNotes = (editedItem.FindControl("gvNotes") as GridView);

string OrdID = editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["orderId"].ToString();

TextBox Notedescd = (TextBox)dataitem.NamingContainer.FindControl("txtNoteDesc") as TextBox;

string NoteDesc = (editedItem.NamingContainer.FindControl("txtNoteDesc") as TextBox).Text;

string NoteType = (editedItem.FindControl("ddlNoteType") as DropDownList).Text;

}

I tried in all directions that i showed in my C# code. But no luck can any one help me how to get the values. I am always getting null values for txtNoteDesc, ddlNoteType and gvNotes..

Thanks

Babu

Grid

answered on 16 May 2012

6 answers

258 views

hierarchical Radgrid demo with CRUD operation from codebehind

Need a demo of hierarchical radgrid having CRUD operation from code behind.
Have used imagebutton as buttotype for edid and delete but it is giving error:

Sys.WebForms.PageRequestManagerServerErrorException: Unable to cast object of type 'Telerik.Web.UI.GridLinkButton' to type 'System.Web.UI.WebControls.ImageButton'.

Grid

answered on 16 May 2012

Top users last month