Questions on UI for ASP.NET AJAX Forum

6 answers

63 views

The file format drop down on the export dialog opens up under the main dialog body rather than over it.

It also doesn't close on its own when the main dialog is closed.

Running IE 11 on Win 7, occurred both with and without compatibility mode enabled.

ImageEditor

answered on 09 Jan 2015

1 answer

162 views

Scatter chart with overlapping points

I'm using a scatter chart to plot points some of which have the same X and Y values. In this case only the last plotted point at that position is plotted and there is no indication that there are other points with the same values. Is there any way to slightly offset points that have the same X and Y values so that all are visible?

Thanks

Chart (HTML5)

answered on 09 Jan 2015

3 answers

47 views

How Do I Fire event OnClientItemClicked per PanelBarItem

Here is my code so, far, I am trying to understand how to identify what RadPanelItem was clicked and fire the OnClientItemClickedEvent accordingly.
My application is to toggle map layers on or off depending on what PanelItem is clicked however I can't seem to figure out how to iterate the PanelItems and toggle the Layers accordingly.

BONUS: How do add a check box or some other UI to each PanelItem to indicate if the Item is toggled on or off?

Any help would be appreciated.

Thanks.

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

02. var geocoder;

03. var layers = [];

04.

05. layers[0] = new google.maps.KmlLayer('OfficeLocations.kml',

06. { preserveViewport: true });

07.

08. layers[1] = new google.maps.KmlLayer('http://www.geocodezip.com/geoxml3_test/utah-hunt_com_DeerSouthern_kml.xml',

09. { preserveViewport: true });

10.

11. layers[2] = new google.maps.KmlLayer('police.kml',

12. { preserveViewport: true });

13.

14. layers[3] = new google.maps.KmlLayer('waste.kml',

15. { preserveViewport: true });

16. var map;

17.

18. function initialize() {

19. geocoder = new google.maps.Geocoder();

20. var mapOptions = {

21. center: { lat: 44.0527524, lng: -80.1875065 },

22. zoom: 11

23. };

24. map = new google.maps.Map(document.getElementById('map-canvas'),

25. mapOptions);

26. }

27.

28. function toggleLayers(i) {

29.

30. if (layers[i].getMap() == null) {

31. layers[i].setMap(map);

32. }

33. else {

34. layers[i].setMap(null);

35. }

36. document.getElementById('status').innerHTML += "toggleLayers(" + i + ") [setMap(" + layers[i].getMap() + "] returns status: " + layers[i].getStatus() + "<br>";

37. }

38.

39. function codeAddress() {

40. var address = document.getElementById("address").value;

41. geocoder.geocode({ 'address': address }, function (results, status) {

42. if (status == google.maps.GeocoderStatus.OK) {

43. map.setCenter(results[0].geometry.location);

44. marker.setPosition(results[0].geometry.location);

45. map.setZoom(14);

46. }

47. else {

48. alert("Geocode was not successful for the following reason: " + status);

49. }

50. });

51. }

52.

53. google.maps.event.addDomListener(window, 'load', initialize);

54.

55. </script>

56.<script>

57. function OnClientItemClicked(sender, args) {

58. var item = args.get_item();

59. if (item.get_level() == 0) {

60. toggleLayers(0); }

61. }

62. </script>

63. <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="300px" Skin="Silk" OnClientItemClicked="OnClientItemClicked">

64. <Items>

65. <telerik:RadPanelItem runat="server" Text="Government Services" Expanded="true" ImageUrl="images/icons/information.gif">

66. <Items>

67. <telerik:RadPanelItem runat="server" Text="Office Locations" ImageUrl="images/icons/building.gif">

68. </telerik:RadPanelItem>

69. <telerik:RadPanelItem runat="server" Text="Police Stations" ImageUrl="images/icons/shield.gif">

70. </telerik:RadPanelItem>

71. <telerik:RadPanelItem runat="server" Text="Waste Disposal" ImageUrl="images/icons/lorry.gif">

72. </telerik:RadPanelItem>

73. </Items>

74. </telerik:RadPanelItem>

75. </telerik:RadPanelBar>

PanelBar

answered on 08 Jan 2015

4 answers

364 views

RADAjaxManager Not Updating Controls

I have been trying to fix this for nearly a week now, and I am completely at a loss as to why this is not working. I am at my wits end and I need help.

I am creating a "Composite Control". Inside the CreateChildControls() method I have the following code...

'***************************************

' Clear The Controls Collection

'***************************************

Me.Controls.Clear()

'***************************************

' Create Container Panel(s)

'***************************************

Me._panelContainer = New Panel

With Me._panelContainer

.ID = "panelMainContainer"

End With

'***************************************

' Create Message PlaceHolder

'***************************************

Me._phPlaceHolder = New PlaceHolder

With Me._phPlaceHolder

.ID = "phPlaceHolder"

End With

'***************************************

' Add Controls Directly To Container

'***************************************

With Me._panelContainer.Controls

'***************************************

' Add Message Placeholder

'***************************************

.Add(Me._phPlaceHolder)

'***************************************

' Create AJAX Controls

'***************************************

If (Me.UseAjax) Then

'***************************************

' Define RADAJAXLoadingPanel

'***************************************

Me._panelRADAjaxLoading = New RadAjaxLoadingPanel

With Me._panelRADAjaxLoading

.ID = "panelRADAjaxLoading"

.Skin = "Default"

.EnableSkinTransparency = True

.BackgroundPosition = AjaxLoadingPanelBackgroundPosition.Center

End With

'***************************************

' Add Loading Panel

'***************************************

.Add(Me._panelRADAjaxLoading)

End If

'***************************************

' Add Control Design To Panel

'***************************************

.Add(Me.CreateControlDesign())

End With

'***************************************

' Add Main Panel Container To Base Control

'***************************************

Me.Controls.Add(Me._panelContainer)

'***************************************

' Call Base Class Method

'***************************************

MyBase.CreateChildControls()

The CreateControlDesign() method has the following code...

Private Function CreateControlDesign() As Control

'***************************************

' Initialize Variables

'***************************************

Dim objTable_Main As CodeLibrary.HTMLTableBuilder

'***************************************

' Default Values

'***************************************

Me._cboRoleGroups = New DropDownList

Me._chkRoles = New CheckBoxList

Me._cmdClearSelection = New LinkButton

Me._lblTotalSelectedRoles = New Label

'***************************************

' Initialize Controls

'***************************************

With Me._cboRoleGroups

.ID = "cboRoleGroups"

.AutoPostBack = True

End With

With Me._chkRoles

.ID = "chkRoles"

.AutoPostBack = True

End With

With Me._cmdClearSelection

.ID = "cmdClearSelectedRoles"

.Text = "Clear Selected Roles"

End With

With Me._lblTotalSelectedRoles

.ID = "lblTotalSelectedRoles"

.Text = "{0} Roles Selected"

End With

'***************************************

' Main Container Table

'***************************************

objTable_Main = New CodeLibrary.HTMLTableBuilder

With objTable_Main

'***************************************

' Set Table Properties

'***************************************

.Table.ID = "tblMain"

If (Me.UseDNNFormItemClass) Then .Table.CssClass = "dnnFormItems"

'***************************************

' Row: 01 (Role Group Selector)

'***************************************

.NewRow()

With .CurrentRow

'***************************************

' Cell 01: cboRoleGroups

'***************************************

objTable_Main.NewCell()

With objTable_Main.CurrentCell

'***************************************

' Set Cell Properties

'***************************************

If (Me.UseDNNFormItemClass) Then .CssClass = "dnnFormItem"

.Width = New Unit(0, UnitType.Pixel)

'***************************************

' Add Control(s) To Cell

'***************************************

.Controls.Add(Me._cboRoleGroups)

End With

objTable_Main.CommitCell()

'***************************************

' Cell 02: Spacer

'***************************************

objTable_Main.NewCell()

With objTable_Main.CurrentCell

.Width = New Unit(10, UnitType.Pixel)

End With

objTable_Main.CommitCell()

'***************************************

' Cell 03: lblTotalSelectedRoles

'***************************************

objTable_Main.NewCell()

With objTable_Main.CurrentCell

'***************************************

' Set Cell Properties

'***************************************

.Width = New Unit(100, UnitType.Percentage)

'***************************************

' Add Control(s) To Cell

'***************************************

.Controls.Add(Me._lblTotalSelectedRoles)

End With

objTable_Main.CommitCell()

End With

.CommitRow()

'***************************************

' Row: 02 (Clear Selection Button)

'***************************************

.NewRow()

With .CurrentRow

'***************************************

' Cell 01: Data Entry Control

'***************************************

objTable_Main.NewCell()

With objTable_Main.CurrentCell

'***************************************

' Set Cell Properties

'***************************************

If (Me.UseDNNFormItemClass) Then .CssClass = "dnnFormItem"

.ColumnSpan = 3

'***************************************

' Add Control(s) To Cell

'***************************************

.Controls.Add(Me._cmdClearSelection)

End With

objTable_Main.CommitCell()

End With

.CommitRow()

'***************************************

' Row: 03 (Role Selector)

'***************************************

.NewRow()

With .CurrentRow

'***************************************

' Cell 01: Data Entry Control

'***************************************

objTable_Main.NewCell()

With objTable_Main.CurrentCell

'***************************************

' Set Cell Properties

'***************************************

If (Me.UseDNNFormItemClass) Then .CssClass = "dnnFormItem DCCRemoveLabelContraints"

.ColumnSpan = 3

'***************************************

' Add Control(s) To Cell

'***************************************

.Controls.Add(Me._chkRoles)

End With

objTable_Main.CommitCell()

End With

.CommitRow()

End With

'***************************************

' Return Final Value

'***************************************

Return objTable_Main.Table

End Function

In the CompositeControl's Page_Load() event, I have the following code...

'***************************************

' Register Controls w/ RADAJAXManager

'***************************************

If (Me.UseAjax) Then

Dim objRADAjaxManager As RadAjaxManager = Me.RADAjaxManager

If ((objRADAjaxManager IsNot Nothing) AndAlso (Me.Visible)) Then

With objRADAjaxManager.AjaxSettings

'***************************************

' Set AJAX Update Triggers

'***************************************

.AddAjaxSetting(Me._cboRoleGroups, Me._panelContainer, Me._panelRADAjaxLoading)

.AddAjaxSetting(Me._cmdClearSelection, Me._panelContainer, Me._panelRADAjaxLoading)

.AddAjaxSetting(Me._chkRoles, Me._panelContainer, Me._panelRADAjaxLoading)

.AddAjaxSetting(Me._chkRoles, Me._chkRoles)

.AddAjaxSetting(Me._chkRoles, Me._lblTotalSelectedRoles)

End With

End If

When I use the control, everything renders fine on the initial load. When I update the value of any of the internal controls, I see the RADAJAXLoadingPanel appear for a second with the spinning circle as I expect to see. Then the loading panel vanishes and none of the internal control values update based on the code I have. I stepped through the code and the CheckBoxList is getting new values, and so is the label...but the changes are not being displayed.

Any ideas? Please help! This has been driving me nuts and is causing a significant delay in my development schedule.

-Ben

Ajax

answered on 08 Jan 2015

7 answers

257 views

How to find control inside Detail Template of RadTreeList in ItemCommand event of RadTreeList?

Hello Telerik Team

How to find control inside Detail Template of RadTreeList in ItemCommand event of RadTreeList?
Finding on DataBound and ItemCreated will not work for requirement.

Thanks

TreeList

answered on 08 Jan 2015

5 answers

283 views

Start Slideshow automatically

How do you start the slide show automatically on page load?

ImageGallery

answered on 08 Jan 2015

1 answer

89 views

Persisting RadGrid GroupBy Setting

Hello,

I've got a grid which opens a new RadWindow to edit individual records. When the window closes, my RadGrid updates as follows:

function CloseAndRebind(args) {

GetRadWindow().BrowserWindow.refreshGrid(args);

GetRadWindow().close();

}

If the RadGrid is grouped, then a record is updated, the grid grouping is cleared. How can I keep the RadGrid grouped through my update process? If this is not possible, is there a way to get and set the grid grouping setting client-side?

Thanks

Grid

answered on 08 Jan 2015

8 answers

340 views

on client side binding itemtemplate is empty

Hello All

I asked this question later. But i think my question must be in a separate Thread.

This is my problem:
When i bind my grid in client side, my template column is empty, and just some records binded on server side page_load() contains template column by items.
I have not any problem using both server side and client side binding, just this:
First rows that bound from server has not any problem, and works fine, but other rows that added after client side binding has problem and are empty. why ??
This rows are added in client and has problem yet,but first rows has not any problem.

For exapmle :
If on server side page_load() you has 10 rows, and after that on client binding you have 6 rows (less that server side binding) you have not any problem, and every things fine.
But if you have 13 rows,you have problem on 3 new rows, just in template columns. and they are empty.
Is there any solution? Is any politics for solve this problem with this status (first bind on server side, and after that bind form clinet side with template columns)?

I attached 2 pics, First one shows a grid with only one record,that bind from server side,that's fine.
and second one shows that grid after binding from client side and new records that template columns are EMPTY.

In additional
when I change DataSource in client side, that columns was generated on server side binding are exists yet.
can is reinitialize my Grid in client side and solve this problem?
i think this two problem are related together, and the answer is reinitialize grid on client side for be free from server side binding status.

Best regards,
Mohammad

Grid

answered on 08 Jan 2015

18 answers

675 views

Filtering NumericColumn with Contains

Hello.
In my Project i have a Grid which has some columns .Some of them are Numeric , but I need enable filtering on this Column.when I Enable ,I find out There is No 'Contains' item in the Filter List.I need to do it.I need Contains for NumericColumns .Is there any way To Enable 'Contains' for this Kind of Columns Or if not, Can I write some codes For This scenario and How?

Grid

answered on 08 Jan 2015

4 answers

106 views

RecurrenceParentID : how we use it ?

Hello

Can you help me to understand this field RecurrenceParentID ?

What's context ? What's sample ?

thanks for your help and happy new year !

Olivier

Scheduler

answered on 08 Jan 2015