Questions on UI for ASP.NET AJAX Forum

7 answers

181 views

Implementing Max Height when Using a Web Service

Hi,

I have a menu that is being populated via a web service. It is functioning correctly right now, however, a couple levels deep in the nesting has the items display off the screen. We need to implement a max height on the boxes to prevent this. How would we do this with the control? I have tried using the Group Settings height, however cannot get the desired behavior.

Thanks,
Steve

Menu

answered on 30 Sep 2011

1 answer

265 views

Radmenu, How to set group height on load on demand

Hi everyone,

I have a load on demand radmenu, but i don´t know how to set the height for the group dinamicaly, i would like to set the same height example 200px if the height is great than 200px.

I put the code i use,

Thanks in advance,

Jolynice

default2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default2.aspx.cs" Inherits="default2" %> 

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 

 

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

br>

 

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

<head runat="server"> 

<title></title> 

</head> 

<body> 

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

<div> 

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

<div> 

Hover a menu item to populate its children from the WCF service. 

</div> 

</div> 

 

<br /> 

 

<div> 

<telerik:RadMenu runat="server" ID="RadMenu2"  

DataSourceID="SqlDataSource1" 

DataTextField="name" 

DataValueField="CategoryId" 

EnableRoundedCorners="true" EnableShadows="true"> 

<WebServiceSettings Path="MenuWcfService.svc" Method="LoadDataCategorias" /> 

<LoadingStatusTemplate> 

<asp:Image runat="server" ID="LoadingImage" ImageUrl="ajax-loader.gif" ToolTip="Loading..." Width="16px" Height="16px" style="margin-top:8px" /> 

</LoadingStatusTemplate> 

<DataBindings> 

<telerik:RadMenuItemBinding Depth="0" ExpandMode="WebService" /> 

</DataBindings> 

 

</telerik:RadMenu> 

 

<asp:SqlDataSource ID="SqlDataSource1" runat="server"  

SelectCommand="select categoryid,name,parentCategoryid from dbo.Nop_Category where parentCategoryid = 0" 

ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 

SelectCommandType="Text"> 

</asp:SqlDataSource> 

</div> 

 

<div style="padding-top:80px;"></div> 

</div> 

</form> 

</body> 

</html>

MenuWcfService.svc

using System; 

using System.Collections.Generic; 

using System.Linq; 

using System.ServiceModel; 

using System.ServiceModel.Activation; 

using Telerik.Web.UI; 

using System.Data.SqlClient; 

using System.Data; 

using System.Configuration; 

 

namespace Test 

{ 

[ServiceContract(Namespace = "")] 

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] 

public class MenuWcfService 

{ 

 

//1. 

[OperationContract] 

public RadMenuItemData[] LoadDataCategorias(RadMenuItemData item, IDictionary<string, object> context) 

{ 

DataTable data = GetChildNodes(item.Value); 

List<RadMenuItemData> result = new List<RadMenuItemData>(); 

 

foreach (DataRow row in data.Rows) 

{ 

RadMenuItemData itemData = new RadMenuItemData(); 

itemData.Text = row["name"].ToString(); 

itemData.Value = row["CategoryId"].ToString(); 

itemData.NavigateUrl = "http://www.google.pt"; 

if (Convert.ToInt32(row["ChildrenCount"]) > 0) 

{ 

itemData.ExpandMode = MenuItemExpandMode.WebService; 

} 

result.Add(itemData); 

} 

 

return result.ToArray(); 

} 

 

//2 

private static DataTable GetChildNodes(string parentId) 

{ 

SqlCommand selectCommand = new SqlCommand(@"select pc1.categoryid,pc1.name,isnull(pc2.childrencount,0) as childrencount 

from dbo.Nop_Category as pc1 

left outer join 

( 

select parentCategoryid,count(*) as childrencount 

from dbo.Nop_Category group by (parentCategoryid) 

)as pc2 

on 

pc1.categoryid = pc2.parentCategoryid 

where pc1.parentCategoryid = @parentId"); 

 

selectCommand.Parameters.AddWithValue("parentId", parentId); 

return GetData(selectCommand); 

} 

 

//3 

private static DataTable GetData(SqlCommand selectCommand) 

{ 

selectCommand.Connection = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);<

br>

SqlDataAdapter adapter = new SqlDataAdapter(selectCommand); 

 

DataTable data = new DataTable(); 

adapter.Fill(data); 

 

return data; 

} 

} 

}

Menu

answered on 30 Sep 2011

1 answer

86 views

Frozen column scrolls away after the horizontal scrollbar appears

Hi,

I have an issue with the Telerik grid. My grid comes up with 3 visible columns so no horizontal scrollbar is shown. One of the columns is frozen. I resize one of the columns and increase the width until the horizontal scrollbar apears. When I use the horizontal scollbar now, the frozen column also scrolls away with the rest of the columns. Is this a bug in the Grid?

Thanks for your time!

Grid

answered on 30 Sep 2011

2 answers

184 views

Button Enabled property is not working when used with radajaxpanel.

Hi
Button Enabled property is not working when used with radajaxpanel.
I kept the button outside the radajaxpanel.In page load i am able to Enable it .
But i am handling checkbox check changed event .This check box is a radgrid column and the radgrid id inside radajaxpanel.Inside this event i am not able to enable/disable the button .
When i remove the ajax panel it is working .
Could anybody please let me know a solution for this.

Thanks..

Ajax

answered on 30 Sep 2011

1 answer

225 views

Multiple RadNumericTextBox - focus

Hi,

I have a radGrid and in that there are multiple radNumeric textboxes. Please see attached image.
The issue is of focusing next textbox.
After selecting value in first textbox, I need to press tab key 3 times to focus the next textbox. It should be focused by just clicking one tab key. I know the reason that it renders two other hidden fields for numeric textboxes. But I need to disable the other two to focus the next one on just a single tab key press.

<input id="ctl00_cphMainContent_gvFinalTest_ctl02_txtRound1_text" class="riTextBox riEnabled" type="text" style="width:100%;" name="ctl00_cphMainContent_gvFinalTest_ctl02_txtRound1_text">

<input id="ctl00_cphMainContent_gvFinalTest_ctl02_txtRound1" class="rdfd_" type="text" title="" value="" style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;">

<input id="ctl00_cphMainContent_gvFinalTest_ctl02_txtRound1_Value" class="rdfd_" type="text" title="" value="" name="ctl00$cphMainContent$gvFinalTest$ctl02$txtRound1" style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;">

What is the solution for this issue?

Input

answered on 30 Sep 2011

30 answers

1.0K+ views

Radgrid doesnt export image in excel

I have one template column which has an image. But the image doesnt get exported, and I ALREADY TRIED the ExportOnlyData= false and it still doesnt work

Grid

answered on 30 Sep 2011

2 answers

103 views

Error using Slider

Error: Sys.WebForms.PageRequestManagerParserErrorException:

I have a page which I want to be able to do 2 things, but so far I get the error above when I try to enable both of them.

First I have my sliding pane which works just fine and all is good. Inside the pane is a control with a button. This button works fine as well (and it works on other pages too). The problem is when I add code to have the sliding pane open through code (posted below) I get the error mentioned above and it will not work. How can I fix this? come more details about my setup.

Code to open pane:

<telerik:RadScriptBlock runat="server">

<script

type="text/javascript"

language="javascript">

function pageLoaded(sender, args) {

var settings = sender._postBackSettings;

if (settings != null) {

var postbackControlID = new String(settings.sourceElement.id);

if (postbackControlID.toUpperCase().indexOf("PRIORITYLINKBUTTON", 0) > 0) {

var slidingZone = $find("<%= RadSlidingZone1.ClientID %>");

if (slidingZone != null) {

var prioritySlidingPane = slidingZone.getPaneById("<%= RightSlidePane.ClientID %>");

slidingZone.expandPane("<%= RightSlidePane.ClientID %>");

}

</script>

<script

type="text/javascript"

language="javascript">

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded)

</script>

Code for Ajax Manager - this is the code which A) makes the pane correctly slide out when a specified item is selected and B) causes the error being thrown when the button is clicked.

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="CollaborateDiscussionPanel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CollaborateDiscussionPanel" />

<telerik:AjaxUpdatedControl ControlID="PManagerSummary1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="PManagerSummary1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PManagerSummary1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

PManagerSummary1 is the user control which has the button to be clicked and is the control in the sliding pane which slides out.

Slider

answered on 30 Sep 2011

5 answers

141 views

Having issue loading the control...

I have a calendar control in the panel in the page. If the panel is visible, I show it and make it disabled on situation and enable it back. If the panel is not visible, obviously control is not loaded yet but when make panel visible and enable the calender it doesn't show the calender icon instead shows "Open the calender" message on the right with textbox. It looks like control is not loading properly by making it panel visible in the run time.

Please let me know is there a way to fix it.

Calendar

answered on 30 Sep 2011

1 answer

101 views

Tooltip inactive for a period of time and then it throws error

This question is once again related to the page I created and discussed here.

I noticed that if the page is inactive for a period of time, say, 10-15 minutes. and then I mouse over on the grid column to display tool tip, I get exception.

Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Exception occurs when I try to add control for tooltip using statement

e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl)

Here is the Stack trace.

at System.Collections.ArrayList.get_Item(Int32 index)

at Telerik.Web.UI.GridColumnCollection.System.Web.UI.IStateManager.LoadViewState(Object savedState)

at Telerik.Web.UI.GridTableView.LoadStructureState(Object SavedStructure)

at Telerik.Web.UI.RadGrid.LoadTableViewStructure(IEnumerator stateEnumerator, GridTableView tableView)

at Telerik.Web.UI.RadGrid.LoadViewState(Object savedStateObject)

at System.Web.UI.Control.LoadViewStateRecursive(Object savedState)

at System.Web.UI.Control.LoadChildViewStateByIndex(ArrayList childState)

at System.Web.UI.Control.LoadViewStateRecursive(Object savedState)

at System.Web.UI.Control.LoadChildViewStateByIndex(ArrayList childState)

at System.Web.UI.Control.LoadViewStateRecursive(Object savedState)

at System.Web.UI.Control.LoadChildViewStateByIndex(ArrayList childState)

at System.Web.UI.Control.LoadViewStateRecursive(Object savedState)

at System.Web.UI.Control.AddedControl(Control control, Int32 index)

at System.Web.UI.ControlCollection.Add(Control child)

at CoreWebAdmin.OrderProductSummary.radToolTipManager_AjaxUpdate(Object sender, ToolTipUpdateEventArgs e) in J:\Work\Yitz\eBayPosting\CoreWebAdmin\Orders\OrderProductSummary.aspx.vb:line 1557

at Telerik.Web.UI.RadToolTipManager.OnAjaxUpdate(ToolTipUpdateEventArgs e)

at Telerik.Web.UI.RadToolTipManager.LoadClientState(Dictionary`2 clientState)

at Telerik.Web.UI.RadWebControl.LoadPostData(String postDataKey, NameValueCollection postCollection)

at Telerik.Web.UI.RadWebControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection)

at System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad)

at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

Note that I have about 10 columns in the grid, and about 8 columns are displaying tooltip. Each tooltip has different data but almost same structure of the controls to be added into tooltip. (They all use Table object which contains a RadGrid and some other controls maybe).

I noticed that this error occures on one or two columns, but not on all columns. If I try to display tooltip on other columns and then try back on the specific columns where it had above errors, it display them fine. I am not sure why?

Do you think I can solve this issue by disabling ViewState on the page (or on some specific control)? Or if there is any other idea, please share.

Thanks,
Sameers

ToolTip

answered on 30 Sep 2011

2 answers

247 views

Moving selected rows of one grid ro another grid in client side

Hello,

I need to move the selected rows of one grid to another grid and vice versa. Since the data is more when i implement that in server side it is taking time . So i need to implement in client side. In web i come to know that how to select rows in client side and retrieve the values of selected rows. But i dont know how to move the selected rows to another grid . If any one can provide sample data that will be great help. I am attaching the screen on which i am working.

* As per standards of my project i should not use the List box and i should use only Grid

Thanks
Gopinath

Grid

answered on 30 Sep 2011