Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

Idid a same thing with another page in the same namespace and its working

but here its not working and I am forced to paste the code ,Please sugggest the solution

<%@ Page Title="Subscribe for Category" Async="true" Language="C#" MasterPageFile="~/singleMaster.master" AutoEventWireup="true" CodeFile="SuscribeCat.aspx.cs" Inherits="SuscribeCat" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

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

</telerik:RadScriptManager>

<br />

<h2> My Expert Profile</h2>

<br />

<table style="width:800px">

<tr>

<td style="width:3%">

</td>

<td>The main Categories you Subscribed</td>

</tr>

</table>

<br />

<table style=" width:800px">

<tr>

<td style=" width:5%"></td><td>

<telerik:RadGrid ID="sub_cat_gird" OnItemCommand="del_sub" ShowHeader="false" ShowFooter="false" runat="server" Width="600px" Skin="Sitefinity"

AutoGenerateColumns="false" >

<MasterTableView>

<NoRecordsTemplate> </NoRecordsTemplate>

<Columns >

<telerik:GridTemplateColumn>

<ItemStyle Width="70px" />

<ItemTemplate>

<asp:Label ID="lblbl" runat="server" Text= '<%#Eval("name")%>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn><ItemStyle Width="50px" /> <ItemTemplate> >> </ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle Width="70px" />

<ItemTemplate>

<asp:Label ID="lml" runat="server" Text='<%#Eval("sub_name") %>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn><ItemStyle Width="50px" /> <ItemTemplate></ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn><ItemStyle Width="70px" /> <ItemTemplate></ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle />

<ItemTemplate>

<asp:Button ID="btn1" runat="server" Text="Delete" CssClass="art-button" CommandName="del_sub" CommandArgument=<%#Eval("sub_cat_id") %> />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

<%--<table style="width:800px">

<tr><td style=" width:5%"></td></tr>

</table>--%>

<table style=" width:800px">

<tr>

<td style=" width:5%"></td>

<td>

<telerik:RadGrid ID="sub_sub_cat_grid" ShowHeader="false" ShowFooter="false" runat="server" Width="600px" Skin="Sitefinity"

OnItemCommand="del_sub_sub" AutoGenerateColumns="false" >

<MasterTableView>

<NoRecordsTemplate> </NoRecordsTemplate>

<Columns >

<telerik:GridTemplateColumn>

<ItemStyle Width="70px" />

<ItemTemplate>

<asp:Label ID="lki" runat="server" Text = '<%#Eval("main_name")%>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn><ItemStyle Width="50px" /> <ItemTemplate> >> </ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle Width="70px" />

<ItemTemplate>

<asp:Label ID="lml" runat="server" Text='<%#Eval("sub_name") %>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn><ItemStyle Width="50px" /> <ItemTemplate> >> </ItemTemplate> </telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle Width="70px" />

<ItemTemplate>

<asp:Label ID="lml1" runat="server" Text='<%#Eval("sub_sub_name") %>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemStyle />

<ItemTemplate>

<asp:Button ID="btn1" runat="server" Text="Delete" CssClass="art-button" CommandName="del_sub_sub" CommandArgument=<%#Eval("sub_sub_cat_id") %> />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid></td>

</tr>

</table>

<br/>

<telerik:RadAjaxPanel ID="panel" runat="server">

<table style=" width:800px">

<tr style=" height:40px">

<td style=" width:5%"></td>

<td style=" width:25%"> Select Main Category</td>

<td>

<asp:DropDownList ID="DropDownList1" AppendDataBoundItems="true" runat="server" DataSourceID="main_cat"

DataTextField="name" DataValueField="main_cat_id"

onselectedindexchanged="DropDownList1_SelectedIndexChanged" Width="200px"

AutoPostBack="true">

<asp:ListItem Selected="True" Value="0">Select a Category</asp:ListItem>

</asp:DropDownList>

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

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

SelectCommand="SELECT [main_cat_id], [name] FROM [main_cat_tbl]"></asp:SqlDataSource>

</td>

</tr>

<tr style=" height:40px">

<td style=" width:5%"></td>

<td style=" width:25%"> Select Sub-Category</td>

<td>

<asp:DropDownList ID="DropDownList2" runat="server" DataSourceID="sub_cat"

DataTextField="name" DataValueField="sub_cat_id"

onselectedindexchanged="DropDownList2_SelectedIndexChanged" Width="200px"

Enabled="false" AutoPostBack="true" AppendDataBoundItems="True">

<asp:ListItem Selected="True" Value="0">Select a subcategory</asp:ListItem>

</asp:DropDownList>

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

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

SelectCommand="select sub_cat_id, name from sub_cat_tbl where main_cat_id=@main_cat_id ">

<SelectParameters>

<asp:ControlParameter ControlID="DropDownList1" Name="main_cat_id"

PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr style=" height:40px">

<td style=" width:5%"></td>

<td style=" width:25%"> Select Sub-Sub Category</td>

<td>

<asp:DropDownList ID="DropDownList3" runat="server" DataSourceID="sub_sub_cat"

DataTextField="name" DataValueField="sub_sub_cat_id" Enabled="false" Width="200px"

AutoPostBack="true" AppendDataBoundItems="True">

<asp:ListItem Selected="True" Value="0">Select a subcategory</asp:ListItem>

</asp:DropDownList>

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

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

SelectCommand="select sub_sub_cat_id, name from sub_sub_cat_tbl where sub_cat_id=@sub_cat_id ">

<SelectParameters>

<asp:ControlParameter ControlID="DropDownList2" Name="sub_cat_id"

PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr style=" height:60px">

<td style=" width:5%"></td>

<td style=" width:25%"></td>

<td>

<asp:Button ID="Button1" runat="server" Text="Sign up as expert"

onclick="Button1_Click" />

</td>

</tr>

<tr>

<td></td><td></td><td></td><td> <asp:Label ID="SuscribtionStatus" runat="server" Visible="false" ></asp:Label></td>

</tr>

</table>

</telerik:RadAjaxPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="DropDownList1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="DropDownList1" />

<telerik:AjaxUpdatedControl ControlID="DropDownList2" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="DropDownList2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="DropDownList2" />

<telerik:AjaxUpdatedControl ControlID="DropDownList3" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="DropDownList3">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="DropDownList3" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="sub_cat_gird" />

<telerik:AjaxUpdatedControl ControlID="sub_sub_cat_grid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</asp:Content>

Ajax

answered on 06 Jun 2012

1 answer

196 views

How to get the cursor between two closing tags?

Hi, I have a strange problem that I cannot solve. See this screen cast: http://screencast.com/t/SaskytTTX5V

As you'll notice I end up with two closing tags nested and butted up against each other, like so:

<p>Some <b>text</b></p>

The problem is that our customers get "stuck" in bold mode because there is no way they can get the cursor between the closing bold and closing paragraph tags without manually editing the HTML code. The screen cast was filmed using an up-to-date version of Chrome, but I think we see this problem in other browsers as well.

How can I get the cursor between those two closing tags?

Also, we have this issue when pasting in HTML from a custom toolbar button. How can I programmatically move the cursor between those two closing tags? I've looked at many forum posts about using ranges to move the cursor, but none have helped me get in between the two closing tags.

Thanks in advance!

Editor

answered on 06 Jun 2012

1 answer

93 views

[Solved] dynamic RadTreeContextMenu not activating

I have a content page that contains a RadSplitter. On the left of the splitter is a RadPane with a Radtreeview. the treeview definition is below.

<telerik:RadTreeView ID="rtOutline"

runat="server" AccessKey="w" CausesValidation="False"

EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="True"

EnableViewState="True"

CollapseAnimation-Type="None"

ExpandAnimation-Type="None" OnNodeExpand="rtOutline_NodeExpand" >

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="ElementMenu" runat="server" EnableAutoScroll="True">

</telerik:RadTreeViewContextMenu>

</ContextMenus>

<ExpandAnimation Type="None" />

</telerik:RadTreeView>

As you can see I have subscribed to the Node Expand event of the server side. There is a lot of node building code in here so I won't post it all. however a single child node is successfully created (See image nodeDetail.gif). This image shows the Id from the menu

Protected Sub rtOutline_NodeExpand(sender As Object, e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles rtOutline.NodeExpand

Dim newNode As RadTreeNode = NodeControl.LoadNodes(e.Node, rtOutline)

e.Node = newNode

End Sub

The RadTreeContextMenu is also generated. See attachment MenuDetail.gif this image shows the detail of the menu including the fact that it has childitems.

The process is

The node is generated
the node id is passed into a function to generate the RadTreeContextMenu
and the menu is returned.
the menu is added to the RadTreeView
the menu Id is assigned to the contextrmenuid property
the node is then added to its parent.

Dim nodeMenu As RadTreeViewContextMenu = myMenuBuilder.BuildMenu(targetNode)

nodeTreeview.ContextMenus.Add(nodeMenu)

targetNode.ContextMenuId = nodeMenu.ID

the parent is returned to the controlling function and attached to the tree

When I run this the new node shows perfectly but the menu does not. It shows the standard IE Context menu See result.gif.

The code for building the menu is

Public Function BuildMenu(ByVal myNode As RadTreeNode) As RadTreeViewContextMenu

Dim myMenu As New RadTreeViewContextMenu

Dim menuElements As List(Of ElementWrapper) = LoadElements(myNode.Attributes("IID"))

Dim helpItem As New RadMenuItem

Dim iLoopCounter As Int32 = 0

'***** Loading Menu Item

Dim mnuLoading As New RadMenuItem

mnuLoading.Text = "Loading..."

mnuLoading.Enabled = False

myMenu.Items.Add(mnuLoading)

For Each a As ElementWrapper In menuElements

Dim newMenuItem As New RadMenuItem

newMenuItem.Text = a.Text

newMenuItem.EnableImageSprite = a.Enabled

newMenuItem.Attributes.Add("Command", a.Cmd)

newMenuItem.Attributes.Add("CommandArg", a.CmdArg)

newMenuItem.Attributes.Add("IID", myNode.Attributes("IID"))

If a.Cmd = "HELP_MENU" Then

helpItem = newMenuItem

Dim aSplitter = New RadMenuItem

aSplitter.IsSeparator = True

Dim myStyle As New Style

myStyle.Width = Unit.Pixel(125)

aSplitter.ApplyStyle(myStyle)

myMenu.Items.Add(aSplitter)

ElseIf a.Cmd = "HELP_ITEM" Then

helpItem.Items.Add(newMenuItem)

Else

myMenu.Items.Add(newMenuItem)

End If

iLoopCounter = iLoopCounter + 1

Next

Dim newHeight As Int32 = iLoopCounter * 25

If newHeight > 250 Then newHeight = 250

myMenu.AutoScrollMinimumHeight = newHeight

myMenu.ID = "mnu" & myNode.Attributes("IID")

myMenu.EnableViewState = True

myMenu.ClientIDMode = ClientIDMode.Static

Return myMenu

End Function

I have tried this with and without the view state set and the ClientIDMode and still cannot get it to show,

Questions (in order of priority)

Can you please advise why the menu would not activate?
Why would the menu not be maintained if the viewstate is enabled. this happens if I click on the node after it has been generated

TreeView

answered on 06 Jun 2012

1 answer

198 views

how to open the context menu on radtreeview node click using tabs?

Hi,

i am using RadTreeview in my project. For nodes we are using the contextmenu, so, they will be opened upon right click of mouse. this is fine.

as a part of section 508, how blind user will open that context menu on radtreeview node?
thanks,
Mohinder Goswami.

TreeView

answered on 06 Jun 2012

3 answers

298 views

Sandbox project with telerik controls - issue

I am working in Sharepoint office365 (sandbox) project which has two webparts.
First one having telerik controls . Second webpart doesn't have any telerik code.
When i try to add those two webparts and browse it, first webpart is showing "Web Part Error: Sandboxed code execution request failed." error. Second webpart is showing right output without any error.

What is the problem , how can i get it done with telerik in sandbox. i have attached the source code and output screen shot. Please check that.

Ajax

answered on 06 Jun 2012

1 answer

57 views

Page 2 of 1

Hi,

I use a RadGrid with my own filter implementation. The user can use a textbox to filter the result (only rows containing the keyword will be added to the datasource in the NeedDataSource event). Now I have the strange issue that if I am on page 2 and do a filter and I end up with a row count which is less than the page size (e.g. the page size is 25 and I have only 5 rows), the RadGrid will show "page 2 of 1" and displays no records.
This only occurs if I grouped after a column, Without grouping, everything works fine.

I the DataBound event I can see that CurrentPageIndex is 1 and PageCount is 1, so something went wrong. Setting the CurrentPageIndex to "0" won't work.

I'm using Q3 2011,

Grid

answered on 06 Jun 2012

3 answers

136 views

[Solved] RadToolTipManager not showing the anchor tag title attribute value in FF/Chrome

Hi,

We have problem with RadToolTipManager, as it is not showing the title attribute value of anchor tag in FF/Chorme. But it has no problem in IE.

Could you please help us in this regard?

Our code is like this:
Code behind
ancNotes.InnerText = "....";
ancNotes.Title = Notes;
rtttooltip.TargetControls.Add(ancNotes.ClientID, true);

.aspx

ToolTip

answered on 06 Jun 2012

5 answers

341 views

"This is an invalid webresource request " error on Telerik grid load

Hi,

We are using Telerik grids in our website built on ASP.Net 4.0. We are getting an internal exception as:

System.Web.HttpException (0x80004005): This is an invalid webresource request.
   at System.Web.Handlers.AssemblyResourceLoader.System.Web.IHttpHandler.ProcessRequest(HttpContext context)
   at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)}

This exception is thrown every time any grid loads. Though, this is not affecting grid's working but we want to track at which point this exception is thrown and how much this can affect our website's performace.

Please help us regarding this.

Grid

answered on 06 Jun 2012

6 answers

348 views

[Solved] Export Items in ItemTemplate

Trying to export data from a grid to xls/word/pdf but most of the data is in a ItemTemplate since we wanted to display the information in a diffrent format. Is there anyway to get the data from the ItemTempate (All the information is coming from the same datasource) to the export. (VB Example if you can).

Grid

answered on 06 Jun 2012

1 answer

88 views

Second YAxis do not work

I have a chart with two YAxis. Before, both work. But now, second YAxis do not work and I don't know cause. Below my code.

private

RadChart criaGrafico(TransacoesNegadasPorBinBL bl)

{

RadChart radChart1 = new RadChart();

radChart1.Height = 450;

radChart1.Width = 1080;

radChart1.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Center;

radChart1.ChartTitle.TextBlock.Text = bl.tituloGrafico;

radChart1.ChartTitle.TextBlock.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Center;

radChart1.ChartTitle.TextBlock.Appearance.TextProperties.Font =

new System.Drawing.Font("Arial", 15, System.Drawing.FontStyle.Bold);

radChart1.ChartTitle.Appearance.Dimensions.AutoSize =

false;

radChart1.ChartTitle.Appearance.Dimensions.Height = 25;

radChart1.ChartTitle.Appearance.Dimensions.Width = 750;

radChart1.ChartTitle.Appearance.Dimensions.Margins.Left = Telerik.Charting.Styles.

Unit.Percentage(5);

radChart1.ChartTitle.Appearance.Dimensions.Margins.Right = Telerik.Charting.Styles.

Unit.Percentage(5);

radChart1.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Bottom;

radChart1.Legend.Appearance.Overflow = Telerik.Charting.Styles.

Overflow.Row;

radChart1.Legend.Appearance.Dimensions.AutoSize =

false;

radChart1.Legend.Appearance.Dimensions.Height = 25;

radChart1.Legend.Appearance.Dimensions.Width = 400;

radChart1.Legend.Appearance.Border.Color = System.Drawing.

Color.Transparent;

radChart1.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Bottom;

radChart1.Legend.TextBlock.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Center;

radChart1.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.

FillType.Solid;

radChart1.PlotArea.Appearance.FillStyle.MainColor = System.Drawing.

Color.Transparent;

radChart1.PlotArea.Appearance.Border.Visible =

false;

radChart1.PlotArea.Appearance.Dimensions.AutoSize =

false;

radChart1.PlotArea.Appearance.Dimensions.Margins.Top = Telerik.Charting.Styles.

Unit.Percentage(20);

radChart1.PlotArea.Appearance.Dimensions.Margins.Bottom = Telerik.Charting.Styles.

Unit.Percentage(30);

radChart1.PlotArea.Appearance.Dimensions.Margins.Left = Telerik.Charting.Styles.

Unit.Percentage(8);

radChart1.PlotArea.Appearance.Dimensions.Margins.Right = Telerik.Charting.Styles.

Unit.Percentage(7);

radChart1.PlotArea.Appearance.Dimensions.Height = 300;

radChart1.PlotArea.Appearance.Dimensions.Width = 1000;

// Telerik.Charting.Styles.Unit.Pixel(400);

radChart1.PlotArea.XAxis.LayoutMode = Telerik.Charting.Styles.

ChartAxisLayoutMode.Inside;

radChart1.PlotArea.XAxis.AutoScale =

false;

radChart1.PlotArea.XAxis.IsZeroBased =

false;

radChart1.PlotArea.XAxis.Appearance.MajorGridLines.Visible =

false;

radChart1.PlotArea.XAxis.Appearance.TextAppearance.AutoTextWrap = Telerik.Charting.Styles.

AutoTextWrap.True;

radChart1.PlotArea.XAxis.Appearance.LabelAppearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Top;

radChart1.PlotArea.XAxis.Appearance.TextAppearance.TextProperties.Font =

new System.Drawing.Font("Arial", 8);

radChart1.Legend.Appearance.ItemMarkerAppearance.Dimensions.Width = 25;

radChart1.Legend.Appearance.ItemMarkerAppearance.Figure = Telerik.Charting.Styles.

DefaultFigures.Rectangle;

ChartSeries chartSeries1 = radChart1.CreateSeries("Quant. Transações ", System.Drawing.Color.Blue, System.Drawing.Color.Blue, ChartSeriesType.Bar);

ChartSeries chartSeries2 = radChart1.CreateSeries("Percentual Negadas ", System.Drawing.Color.Red, System.Drawing.Color.Red, ChartSeriesType.Line);

chartSeries1.Type =

ChartSeriesType.Bar;

chartSeries2.Type =

ChartSeriesType.Line;

chartSeries2.Appearance.LabelAppearance.Visible =

false;

chartSeries1.DefaultLabelValue =

"#Y{F0}%";

//chartSeries2.Appearance.LabelAppearance.LabelConnectorStyle.

radChart1.Legend.Appearance.Overflow = Telerik.Charting.Styles.

Overflow.Row;

radChart1.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.Bottom;

radChart1.PlotArea.YAxis2.Visible = Telerik.Charting.Styles.

ChartAxisVisibility.True;

radChart1.PlotArea.YAxis2.AutoScale =

false;

//radChart1.PlotArea.YAxis2.AddRange(0, 0.8, 0.1);

chartSeries2.PlotArea.YAxis.YAxisType.ToString();

radChart1.PlotArea.YAxis2.AddRange(0, 1200, 100);

//A orientação do gráfico

radChart1.SeriesOrientation =

ChartSeriesOrientation.Vertical;

chartSeries1.PlotArea.XAxis.AddRange(0, bl.listaValor.Count, 1);

for (int i = 0; i < bl.listaValor.Count; i++)

{

chartSeries1.PlotArea.XAxis[i].TextBlock.Text = bl.listaValor[i];

}

chartSeries1.SetValues(bl.listaQuantTransacoes.ToArray());

chartSeries2.SetValues(bl.listaQuantTransacoes.ToArray());

return radChart1;

}

Chart (Obsolete)

answered on 06 Jun 2012