Questions on UI for ASP.NET AJAX Forum

2 answers

88 views

[Solved] SEO Paging does not work when SEOPagingQueryStringKey is set

Hello,

I have a Grid that has XXXX set. When I use it w/o the SEOPagingQueryStringKey it works fine, but when I set the SEOPagingQueryStringKey="PageId" it does not work any more. (stays on page 1)
(I saw a simulair post from 2008: http://www.telerik.com/community/forums/aspnet-ajax/grid/seo-paging.aspx#533423)

Here is the code: (Version 2012.3.1016.40)

<telerik:RadGrid ID="RadGrid1" Width="100%" Height="400px" Skin="Office2010Black" runat="server">

<mastertableview autogeneratecolumns="false" allowsorting="true" allowpaging="true" pagesize="5" datakeynames="Id" clientdatakeynames="Id">

<Columns>

<telerik:GridButtonColumn UniqueName="RowSelector1" CommandName="Select" CommandArgument="" ButtonType="ImageButton" Text="Open demand" ImageUrl="~/styles/images/icon/playblue_16x16.png" HeaderStyle-Width="25px" Resizable="false" />

<telerik:GridBoundColumn DataField="Id" HeaderText="Id" AllowSorting="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" AllowSorting="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Street" HeaderText="Street" AllowSorting="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ZipCode" HeaderText="ZipCode" AllowSorting="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="City" HeaderText="City" AllowSorting="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Picture" HeaderText="Picture" AllowSorting="true">

</telerik:GridBoundColumn>

</Columns>

<PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric"
SEOPagingQueryStringKey="PageId" EnableSEOPaging="true" />

</mastertableview>

<clientsettings allowcolumnhide="true" allowcolumnsreorder="false" allowdragtogroup="false" allowexpandcollapse="true" allowgroupexpandcollapse="true" enablepostbackonrowclick="false" enablerowhoverstyle="true" reordercolumnsonclient="true">

<ClientEvents OnRowDblClick="prvOnRadGrid1_RowDblClick" />

<Resizing AllowColumnResize="true" ShowRowIndicatorColumn="true" />

<Selecting AllowRowSelect="true" />

<Scrolling ScrollHeight="100%" AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" FrozenColumnsCount="0" />

</clientsettings>

</telerik:RadGrid>

Regards,

Erik

Grid

answered on 04 Dec 2012

6 answers

168 views

RadChart Multiple Lines X-axis

Hi,

I have a radchart and want to show multiple lines using datatable(I know datatable is not supported , but im adding series mannually). User selects thae date from calendar and I query the database for those range. so here is my code how I add the series I get one datatable at time and assign it to chart, i get datatable in this format :

Tours	agencyname	dtMonthno	dtMonthBrand	dtYear
6	agents	5	May	2011
8	agents	6	June	2011
2	agents	7	July	2011
23	agents	8	August	2011
126	agents	9	September	2011
101	agents	10	October	2011
85	agents	11	November	2011
92	agents	12	December	2011
115	agents	1	January	2012
102	agents	2	February	2012
48	agents	3	March	2012

foreach (string aId in aAgency)

{

DataTable dtBrands = count.GetBrandsChartData(Convert.ToDateTime(txtStartDate.Text), Convert.ToDateTime(txtEndDate.Text), Convert.ToInt32(aId));

bool morethenTwelve = false;

if (dtBrands.Rows.Count > 0)

{

ChartSeries brandChartSeries = new ChartSeries();

brandChartSeries.Name = dtBrands.Rows[0][1].ToString();

brandChartSeries.Type = ChartSeriesType.Line;

foreach (DataRow dr in dtBrands.Rows)

{

ChartSeriesItem chartitem = new ChartSeriesItem();

chartitem.YValue = Convert.ToDouble(dr["Tours"]);

if (morethenTwelve == false)

{

dtMontno = Convert.ToInt32(dr["dtMonthno"]);

}

if (dtMontno == 12)

{

chartitem.XValue = Convert.ToDouble(dr["dtMonthno"]);

morethenTwelve = true;

dtMontno = 13;

}

else if (dtMontno > 12)

{

chartitem.XValue = Convert.ToDouble(dtMontno += 1);

morethenTwelve = true;

}

else

{

chartitem.XValue = Convert.ToDouble(dr["dtMonthno"]);

morethenTwelve = false;

}

brandChartSeries.AddItem(chartitem);

radBrands.PlotArea.XAxis[dtMonth - 1].TextBlock.Text = dr["dtMonthBrand"].ToString();

}

radBrands.PlotArea.XAxis.LayoutMode = Telerik.Charting.Styles.ChartAxisLayoutMode.Inside;

radBrands.ChartTitle.TextBlock.Text = "Brands";

radBrands.PlotArea.XAxis.AutoScale = false;

radBrands.AddChartSeries(brandChartSeries);

radBrands.Series.Add(brandChartSeries);

}

Now I am doing the if statement in above code so that the line doesn't come back to 1 axis once the dtmonthno is more than 12.

My question is how do I show these month names in x-axis i have tried setting the autoscale to false and trying to set the x-axis but simply doesnt work here is my code for it that i add in the above foreach loop:

radBrands.PlotArea.XAxis.AddRange(1, 16, 1);
int dtMonth = Convert.ToInt32(dr["dtMonthno"]);
radBrands.PlotArea.XAxis[dtMonth - 1].TextBlock.Text = dr["dtMonthBrand"].ToString();

Your help would be greatly appreciated.

Thanks

Chart (Obsolete)

answered on 04 Dec 2012

2 answers

104 views

Customize Legend Items on RadChart DataTable

I have a radchart with a dataTable but no legend. I know it is possible to customize items in the chart legend, but is it possible to customize the legend on the radchart dataTable?

Chart (Obsolete)

answered on 04 Dec 2012

1 answer

86 views

Deleting Docks from Database

Good morning, all.

I have a question regarding the state strings stored in a SQL server. I have some code in which a user selects a dock from a menu, as well as a zone in which to place the dock. The docks are created properly and their states are saved as they should be, but I've noticed that any docks with "Closed":"True" are never being deleted from the string that's stored server-side. For example, I have one user's string with about 34 docks in it, but only 1 of them is open and rendering (which is functioning correctly). Is there something I'm missing that will get rid of the other 33 docks that are closed?

Dock

answered on 04 Dec 2012

2 answers

143 views

RadComboBox dynamic multicolumn in user control for radgrid

Okay so here's the problem I am having. I am wanting to show a multicolumn radcombobox in a radgrid from a custom inline edit form (user control). I can get it to work fine on a page but from what I can tell when you run the same code from a user control that is being referenced by a radgrid for CRUD. What is happening is that the dynamic template that I am creating doesn't get applied until after that data is bound. From the looks of it the page load doesn't get touched at all. So from what I can tell I am trying to call a databind within a databind which is my problem.

So for the radgrid when you use a custom form you call most of your bindings in the

private void InitializeComponent()

{

this.DataBinding += new System.EventHandler(this.RandomName_DataBound);

}

and then you can bind lists etc. in there. This is not a problem. I can even databind the combobox. Where the problem comes in is when I want to databind with a multicolumn format on the combobox.

ComboBox.ItemTemplate = new ItemTemplate();

ComboBox.ItemDataBound += ComboBox_ItemDataBound;

ComboBox.Width = Unit.Pixel(500);

ComboBox.AllowCustomText = true;

ComboBox.MarkFirstMatch = true;

ComboBox.DataSource = GetVendorList();

ComboBox.DataTextField = "Name";

ComboBox.DataBind();

foreach (RadComboBoxItem item in ComboBox.Items)

{

item.DataBind();

}

The above code is in the system event handler databound method.

protected void RandomName_DataBound(object sender, EventArgs e)

{

// do stuff here

}

The problem from what I can see is that the Template that I am creating isn't firing until after the data is bound to the grid so it doesn't format the multicolumns properly.

class ItemTemplate : ITemplate

{

public void InstantiateIn(Control container)

{

Table table = new Table();

table.Width = Unit.Percentage(100);

TableRow mainRow = new TableRow();

TableCell cell1 = new TableCell();

cell1.Width = Unit.Percentage(40);

cell1.DataBinding += new EventHandler(cell1_DataBinding);

mainRow.Cells.Add(cell1);

TableCell cell2 = new TableCell();

cell2.DataBinding += new EventHandler(cell2_DataBinding);

cell2.Width = Unit.Percentage(30);

mainRow.Cells.Add(cell2);

TableCell cell3 = new TableCell();

cell3.DataBinding += new EventHandler(cell3_DataBinding);

cell3.Width = Unit.Percentage(30);

mainRow.Cells.Add(cell3);

table.Rows.Add(mainRow);

container.Controls.Add(table);

}

private void cell1_DataBinding(object sender, EventArgs e)

{

TableCell target = (TableCell)sender;

RadComboBoxItem item = (RadComboBoxItem)target.BindingContainer;

target.Text = (string)DataBinder.Eval(item, "Text");

}

private void cell2_DataBinding(object sender, EventArgs e)

{

TableCell target = (TableCell)sender;

RadComboBoxItem item = (RadComboBoxItem)target.BindingContainer;

target.Text = (string)DataBinder.Eval(item, "Attributes[\"Type\"]");

}

private void cell3_DataBinding(object sender, EventArgs e)

{

TableCell target = (TableCell)sender;

RadComboBoxItem item = (RadComboBoxItem)target.BindingContainer;

target.Text = (string)DataBinder.Eval(item, "Attributes[\"Phone\"]");

}

Any help on a work around would be great. I have gone through all of the forums and all of the different sections of the radgrid and radcombobox api to see if this was addressed and I didn't find anything.

Thanks,
Kevin

ComboBox

answered on 04 Dec 2012

1 answer

105 views

Tabstrip suddenly invisible

Hello Telerik team.

We found a problem tabstrip control.
we are using telerik version 2012.2.912.40

I created approximately 15 ~ 20 tabs, click tabstript's scroll button for moving end of right side.
and click the close button while tab count is 0.
sometimes tabcontrol is invisible or cut the left side tab area.

I implemented some codes for reproducing problem at radtabstrip control.
here is my code and screenshots

ScreenshotLinkHere!!!

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

<!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></title>

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

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonAdd">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButtonClose_Click">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="height: 100px; background-color: gray;">

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" Skin="Simple" ScrollChildren="true" dir="LTL" EnableEmbeddedSkins="true"

Visible="true">

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" />

Tab

</TabTemplate>

</telerik:RadTabStrip>

</div>

<telerik:RadButton runat="server" ID="RadButtonAdd" Text="Add" OnClick="RadButtonAdd_Click"></telerik:RadButton>

<telerik:RadButton runat="server" ID="RadButtonClose" Text="close" OnClick="RadButtonClose_Click"></telerik:RadButton>

<asp:Label runat="server" ID="LabelCount" Text="Tab Count:"></asp:Label>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButtonClose_Click(object sender, EventArgs e)

{

RadTabStripContent.Tabs.RemoveAt(RadTabStripContent.Tabs.Count -4);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

protected void RadButtonAdd_Click(object sender, EventArgs e)

{

RadTab tab = new RadTab();

tab.Text = "TAB "+ (RadTabStripContent.Tabs.Count + 1).ToString();

RadTabStripContent.Tabs.Add(tab);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

TabStrip

answered on 04 Dec 2012

1 answer

175 views

highlight positive & negative number

I have a calculated column that will display positive and negative numbers. I want to change the negative numbers color to red. How would I go about doing this. Any help would be great.

Grid

answered on 04 Dec 2012

7 answers

353 views

RadGrid performance issues

Hello techies,

We are using the RagGrid on a test page for performance testing.
We were surprised to notice that a simple page with 100 elements in the GRID takes on an average about 2 seconds. We are doing a load test on Win Server 2008 R2. We are not using a real database. We are using a STUB to generate the 100 odd elements.
The same STUB when used on ASP.net MVC page with simple HTML table rendering out performs the RadGrid Page. The MVC page takes about 0.37 seconds.

Test Environment : ASP.net 4.0 / RadControls for ASP.NET AJAX Q2 2011 SP1 / Windows Server 2008 R2 / IIS 7.5 / Application pool type “Integrated Pipeline”

Any ideas?

Advance thanks,
Clement

Grid

answered on 04 Dec 2012

1 answer

140 views

Horizontal Orientation

Does RadOrgChart support a horizontal orientation?

OrgChart

answered on 04 Dec 2012

1 answer

67 views

MarkFirstMatch is auto completing sentences in combobox

I have a Rad combo box that when you type it starts completing sentences instead of just marking the one that is most similar.

<telerik:RadComboBox ID="rcbSiteSearch" runat="server" Width="190px" Height="100px" EnableLoadOnDemand="True" ShowMoreResultsBox="true" MarkFirstMatch="true" AllowCustomText="true" EnableVirtualScrolling="true" OnItemsRequested="rcbSiteSearch_ItemsRequested" />