Questions on UI for ASP.NET AJAX Forum

1 answer

93 views

Hi,

I have a HTMLChart containing 19 series(x:DateTime, y:Double) each containing approximately 240 values.
Each point have a tooltip that uses kendo.format to show the DateTime and the double.
Transition is set to false.
MinorGridLine is set to false.
MarkersAppearance size set to 2 and square type.
LineAppearance size set to 2.

It render fine in IE9 and +.
But I have to support IE8, the rendering is very slow and the popup about slow script is showing up.

Any way to improve performance or to render differently or partially the chart?

Thank you.
Xavier

Chart (HTML5)

answered on 11 Jun 2014

2 answers

72 views

Grid Make every row editable with GridDropDownColumn

Hi,

I'm using the RadGrid to populate a list of objects; Document.
I'll like to make every row editable, but currently only the last row has the GridDropDownColumn enabled.

Please help!.
Thanks!

<telerik:RadGrid ID="RadGridDocuments" runat="server" CellSpacing="-1" GridLines="Both"

AutoGenerateColumns="false" OnItemDataBound="RadGridDocuments_ItemDataBound"

OnPreRender="RadGridDocuments_PreRender">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView EditMode="InPlace">

<Columns>

<telerik:GridBoundColumn DataField="FileName" HeaderText="File Name" UniqueName="FileName"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn UniqueName="Type" HeaderText="Type" DataField="Type"

EmptyListItemText="--Choose an option--" EmptyListItemValue="">

</telerik:GridDropDownColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

protected void ButtonAddDetails_Click(object sender, EventArgs e)

{

List<Document> docs = new List<Document>();

foreach (UploadedFile f in RadAsyncUploadDocuments.UploadedFiles)

{

docs.Add(new Document(f));

}

RadGridDocuments.DataSource = docs;

RadGridDocuments.DataBind();

}

protected void RadGridDocuments_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditManager editMan = editedItem.EditManager;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)(editMan.GetColumnEditor("Type"));

//in case you have RadComboBox editor for the GridDropDownColumn (this is the default editor),

//you will need to use ComboBoxControl below instead of DropDownListControl

//and add RadComboBoxItems instead of ListItems to the Items collection of the editor

editor.ComboBoxControl.Items.Add(new RadComboBoxItem("FAA Administrator's Order", "FAA Administrator's Order"));

editor.ComboBoxControl.Items.Add(new RadComboBoxItem("Notice of Appeal", "Notice of Appeal"));

}

protected void RadGridDocuments_PreRender(object sender, System.EventArgs e)

{

foreach (GridItem item in RadGridDocuments.MasterTableView.Items)

{

if (item is GridEditableItem)

{

GridEditableItem editableItem = item as GridDataItem;

editableItem.Edit = true;

}

RadGridDocuments.Rebind();

}

public class Document

{

private UploadedFile file;

private string type;

public Document(UploadedFile file)

{

this.file = file;

this.type = string.Empty;

}

public UploadedFile File

{

get

{

return this.file;

}

public string FileName

{

get

{

return this.file.FileName;

}

public string Type

{

get

{

return this.type;

}

set

{

this.type = value;

}

Grid

answered on 11 Jun 2014

0 answers

56 views

RadBar chart unusual behavoiur for windows form

hi

Iam using Radchart for windows application

as shown in attached charts image , the Y Axis label values are not set at proper position.
also at some place there is more distance between top of bar and label value.

please help

thanks
kishor

General Discussions

asked on 11 Jun 2014

15 answers

310 views

TreeView in RadPane in RadSplitter Issue

After upgrading to version 2012.3.1205.40, the following code:

<telerik:RadSplitter ID="trsCWCMPrimary" runat="server" BorderWidth="0" BorderSize="0" BorderStyle="None" Height="520px" LiveResize="true" Orientation="Vertical" ResizeMode="Proportional" Width="100%">

<telerik:RadPane ID="trpCWCMPrimaryTree" runat="server" Collapsed="false" Width="20%">

<telerik:RadTreeView ID="trtvCWCMPrimary" runat="server" CssClass="sfecua_chkrdo_dataLeftSmall" Height="99%" Width="100%" OnNodeClick="trtvCWCMPrimary_NodeClick" OnNodeCollapse="trtvCWCMPrimary_NodeCollapse" OnNodeExpand="trtvCWCMPrimary_NodeExpand" onclientnodeclicking="OnClientNodeClicking">

</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="trsbPrimarySecondary" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane ID="trpCWCMSecondaryTableDetails" runat="server">

</div>

</div>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

No longer reacts as expected.

Previously, the RadTreeView in the left RadPane would be cut off (scroll bars appear) as the RadSplitBar was moved left. The rendered controls (IFrames, etc) in the right RadPane would shrink as the RadSplitBar was moved right. The behaviour I want.

NOW, the RadTreeView nodes, text bleeds over the RadSplitBar when initially rendered and when the RadSplitBar is moved left. It's as though the right RadPane is sliding under the left RadPane. The RadTreeView is visible superimposed over the contents of the right RadPane.

I have to revert to version 2012.3.1016.40.

Splitter

answered on 11 Jun 2014

5 answers

150 views

[Solved] Dropdowntree in usercontrol

hai all,
Im having a user control (.ascx) with a rad dropdowntree. when im truing to use that usercontrol on my aspx, i have to validate that dropdowntree (ie. it is a mandatory field in my .aspx).im unable to use "RequiredFieldValidator" on user control.Is there any control available in Telerik like RequiredFieldValidator. If available, how to use that rad validation control on Usercontrol?

DropDownTree

answered on 11 Jun 2014

1 answer

87 views

RadTabStrib Justify Align Issue

Yesterday I update my telerik controls to Telerik_UI_for_ASP.NET_AJAX_2014_1_403_Dev, I wonder all of the radtabstrib have a layout issue
I can generate this issue in the below demo

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/functionality/server-templates/defaultcs.aspx

In the attach screen note how the tab width change after we change the selected tab if we change the tab align to left this issue will not happened

TabStrip

answered on 11 Jun 2014

7 answers

141 views

Saving and Loading Resources In SharePoint List

Team,

I have implemented a radscheduler in a custom webpart. The data is stored in a SharePoint list. I get all of the fields to work and store data correctly with the example that used the LoadSchedulerData event. However, this example does not show how to properly load and save the resources from/to the SharePoint list. I have a text field called Resource added to the list. What method or format do I need to use to properly save and load the resources? Below is the event that loads the data:

private void LoadSchedulerData()
{
try
{
SPWeb web = SPContext.Current.Web;
var list = web.Lists[strAppointmentsList];
Scheduler.DataSource = list.Items.GetDataTable();
Scheduler.DataSubjectField = "Title";
Scheduler.DataStartField = "Start";
Scheduler.DataEndField = "End";
Scheduler.DataKeyField = "ID";
Scheduler.DataRecurrenceField = "RecurrenceRule";
Scheduler.DataRecurrenceParentKeyField = "RecurrenceParentID";
Scheduler.DataDescriptionField = "Description";
Scheduler.DataReminderField = "Reminder";
Scheduler.DataBind();
}
catch (Exception ex)
{
lblError.Text = String.Format("Data Loading Error: {0}, {1}", ex.Message.ToString(), ex.StackTrace.ToString());
}
}

I notice there is no "DataResourceField" like there is a "DataReminderField" so I can't assign the resource field in this manner.

(Note: I am using the trial version until we get the full version license which should be soon!)

Regards

Dan Walker

Scheduler

answered on 11 Jun 2014

1 answer

151 views

Context Menu multiple postback

I took the Treeview Context Menu demo code from here: Context Menu Demo, slightly modified it, and now when I either try to Copy or Create a new node it produces 2 nodes instead of one.
Example, right-click, choose New Folder and then get 2 instead of one. Same with Copy: What am I doing wrong here? Using the latest Chrome and IE11 as well as latest Telerik version.

01.<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

02.

03.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

04.

05.<html xmlns="http://www.w3.org/1999/xhtml">

06.<head runat="server">

07. <title></title>

08. <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

09.</head>

10.<body>

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

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

13. <Scripts>

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

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

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

17. </Scripts>

18. </telerik:RadScriptManager>

19. <script type="text/javascript">

20. //<!--

21. function onClientContextMenuShowing(sender, args) {

22. var treeNode = args.get_node();

23. treeNode.set_selected(true);

24. //enable/disable menu items

25. setMenuItemsState(args.get_menu().get_items(), treeNode);

26. }

27.

28. function onClientContextMenuItemClicking(sender, args) {

29. var menuItem = args.get_menuItem();

30. var treeNode = args.get_node();

31.

32. menuItem.get_menu().hide();

33.

34. switch (menuItem.get_value()) {

35. case "Copy":

36. break;

37. case "Rename":

38. treeNode.startEdit();

39. break;

40. case "NewFolder":

41. break;

42. case "Delete":

43. var result = confirm("Are you sure you want to delete the item: " + treeNode.get_text());

44. args.set_cancel(!result);

45. break;

46. }

47. }

48.

49. //this method disables the appropriate context menu items

50. function setMenuItemsState(menuItems, treeNode) {

51. for (var i = 0; i < menuItems.get_count() ; i++) {

52. var menuItem = menuItems.getItem(i);

53. switch (menuItem.get_value()) {

54. case "NewFolder":

55. //nothing

56. break;

57. default:

58. if (treeNode.get_parent() == treeNode.get_treeView()) {

59. menuItem.set_enabled(false);

60. }

61. else {

62. menuItem.set_enabled(true);

63. }

64. break;

65. }

66. }

67. }

68. //-->

69. </script>

70. <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

71. </telerik:RadAjaxManager>

72. <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

73. <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>

74. <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel2">

75. <telerik:RadTreeView ID="rtvSavedReports" runat="server" AllowNodeEditing="True" EnableDragAndDrop="False" EnableDragAndDropBetweenNodes="False" OnContextMenuItemClick="rtvSavedReports_ContextMenuItemClick"

76. OnClientContextMenuItemClicking="onClientContextMenuItemClicking" OnClientContextMenuShowing="onClientContextMenuShowing"

77. OnNodeEdit="rtvSavedReports_NodeEdit">

78. <ContextMenus>

79. <telerik:RadTreeViewContextMenu ID="MainContextMenu" runat="server">

80. <Items>

81. <telerik:RadMenuItem Value="Copy" Text="Copy ..." ImageUrl="~/images/10.gif">

82. </telerik:RadMenuItem>

83. <telerik:RadMenuItem Value="Rename" Text="Rename ..." Enabled="false" ImageUrl="~/images/rename.gif">

84. </telerik:RadMenuItem>

85. <telerik:RadMenuItem Value="NewFolder" Text="New Folder" ImageUrl="~/images/12.gif">

86. </telerik:RadMenuItem>

87. <telerik:RadMenuItem Value="Delete" Text="Delete Folder" ImageUrl="~/images/7.gif">

88. </telerik:RadMenuItem>

89. </Items>

90. <CollapseAnimation Type="none"></CollapseAnimation>

91. </telerik:RadTreeViewContextMenu>

92. </ContextMenus>

93. </telerik:RadTreeView>

94. </telerik:RadAjaxPanel>

95. </form>

96.</body>

97.</html>

Code-behind:

01.Imports Telerik.Web.UI

02.

03.Partial Class Default2

04. Inherits System.Web.UI.Page

05.

06. Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load

07. If Not IsPostBack Then

08. PopulateSaveTrees()

09. End If

10. End Sub

11.

12.

13. Private Sub PopulateSaveTrees()

14. Dim savedTreeXML As Object = GetSavedTree()

15. If savedTreeXML Is DBNull.Value Then

16. 'first time create

17. rtvSavedReports.LoadXml("<Tree><Node Text=""Saved Reports"" Value=""/"" AllowEdit=""False"" ImageUrl=""~/images/folder.png""/></Tree>")

18. Else

19. rtvSavedReports.LoadXml(savedTreeXML)

20. End If

21. End Sub

22.

23.

24. Protected Sub rtvSavedReports_ContextMenuItemClick(sender As Object, e As RadTreeViewContextMenuEventArgs) Handles rtvSavedReports.ContextMenuItemClick

25. Dim clickedNode As RadTreeNode = e.Node

26.

27. Select Case e.MenuItem.Value

28. Case "Copy"

29. Dim clonedNode As RadTreeNode = clickedNode.Clone()

30. clonedNode.Text = String.Format("Copy of {0}", clickedNode.Text)

31. clickedNode.InsertAfter(clonedNode)

32. 'set node's value so we can find it in startNodeInEditMode

33. clonedNode.Value = clonedNode.GetFullPath("/")

34. clonedNode.Selected = True

35. StartNodeInEditMode(clonedNode.Value)

36. Case "NewFolder"

37. Dim newFolder As New RadTreeNode(String.Format("New Folder {0}", clickedNode.Nodes.Count + 1))

38. newFolder.Selected = True

39. newFolder.ImageUrl = clickedNode.ImageUrl

40. clickedNode.Nodes.Add(newFolder)

41. clickedNode.Expanded = True

42. newFolder.Value = newFolder.GetFullPath("/")

43. StartNodeInEditMode(newFolder.Value)

44. Case "Delete"

45. If clickedNode.Nodes.Count <> 0 Then

46. RadScriptManager.RegisterStartupScript(Page, Page.[GetType](), "nodedeleteerror", "alert('Cannot delete node with children!\nEither delete or move all children.');", True)

47. Exit Select

48. End If

49. clickedNode.Remove()

50. End Select

51. End Sub

52.

53. Private Sub StartNodeInEditMode(ByVal nodeValue As String)

54. 'find the node by its Value and edit it when page loads

55. Dim js As String = "Sys.Application.add_load(editNode); function editNode(){ "

56. js += "var tree = $find(""" + rtvSavedReports.ClientID + """);"

57. js += "var node = tree.findNodeByValue('" + nodeValue + "');"

58. js += "if (node) node.startEdit();"

59. js += "Sys.Application.remove_load(editNode);};"

60.

61. RadScriptManager.RegisterStartupScript(Page, Page.[GetType](), "nodeEdit", js, True)

62. End Sub

63.

64. Protected Sub rtvSavedReports_NodeEdit(sender As Object, e As RadTreeNodeEditEventArgs) Handles rtvSavedReports.NodeEdit

65. e.Node.Text = e.Text

66. End Sub

67.

68. Private Function GetSavedTree() As Object

69. Return DBNull.Value

70. End Function

71.

72.End Class

TreeView

answered on 11 Jun 2014

3 answers

89 views

RadPageLayout and IE8

There is no specific forum for the RadPageLayout so have posted here.

I found the following post... http://www.telerik.com/forums/radpagelayout-hiddenxx-properties-and-ie8

It mentions that the Responsive layout is not supported in IE8 and below but that with some tweaks it may be possible in IE8. I would love to be able to utilise this feature in IE8 as our company currently only has IE8 deployed. What are the tweaks that need to be applied.

Thanks

General Discussions

answered on 11 Jun 2014

13 answers

1.9K+ views

How to change RadAlert,Rad Confirm (OK,CANCEL) button css and text

Hi,
How to change RadAlert,Rad Confirm (OK,CANCEL) button style as well as its text.I have aligned the control center.But i need to put back ground image.Also i need to change its text to (YES OR NO) instead of (OK OR CANCEL)

Thank You,
Joby

Window

answered on 11 Jun 2014