Questions on UI for ASP.NET AJAX Forum

1 answer

114 views

Hi,

I'm trying to create a column chart with multiple series. However, there are gaps between columns. Is there any way to remove the gap between columns? The chart in the non-html chart doesn't have the gaps.

Thanks!

Chart (HTML5)

answered on 15 Nov 2012

4 answers

195 views

Truncated text

Hello,

I am having an issue where the text displayed within the combobx is truncated when an explicit width is used and the browser is IE 8 with compatibility mode on. Below is the RadComboBox definition and a screen print of the browser rendering.

Thanks,
Virgil

<telerik:RadComboBox ID="cboObjPriority" runat="server" Width="300px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">

</telerik:RadComboBox>

<script type="text/javascript">

function OnClientSelectedIndexChanged(sender, args) {

var combo = sender;

var input = combo.get_inputDomElement();

if (input.setSelectionRange) {

input.setSelectionRange(0, 0);

}

else if (input.createTextRange) {

var range = input.createTextRange();

range.collapse(true);

range.moveEnd('character', 0);

range.moveStart('character', 0);

range.select();

}

</script>

ComboBox

answered on 15 Nov 2012

3 answers

205 views

Tooltip with information of other series

Hi everyone

I have a chart with to line series (Image), with the OnClientSeriesHovered and a JS function I achieve the information of both series show and update on the table aside, but My boss want to put that table in the Tooltip:

With this code (C#), I achive this Image2:

series3.TooltipsAppearance.ClientTemplate =

"Table on Tooltip

<table border=\"1\"><tr><td>Year S1</td><td>Value S1</td></tr>

<tr><td>Year S2</td><td>Value S2</td></tr></table>"

;

I try to change something like this:

<td id="R1">Year S1</td>

and whith Javascript try to change the value with:

document.getElementById('R1').innerHTML = "(value)";

But the "document.getElementById('R1')" return "NULL"

In the help Page ClientTemplate for Series Labels and Tooltips, explain how to define a Tooltip format, with a DataSource/DataBind option, so I think I may try to use this making two DataTable:
DT1: (Value_Series1, Day, Value_Series1, Value_Series_2)
DT2: (Value_Series2, Day, Value_Series1, Value_Series_2)

and in the code put somthing like this:

Day: #=dataItem.Day#

<table border=\"1\">

<tr><td>Year 1</td><td>#=dataItem.Value_Series1#</td></tr>

<tr><td>Year 2</td><td>#=dataItem.Value_Series2#</td></tr>

</table>

But I don't find the way to binding two DataTables, and if this will work.

Any advice?, please!

Chart (HTML5)

answered on 15 Nov 2012

4 answers

138 views

RadToolTip for mulitple datakeyname

Hello,

This line work for a single DataKeyNames

RadToolTipManager1.TargetControls.Add(gridItem(column.UniqueName).ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("MasterNum").ToString(), True)

Is there away to code this for multiple DataKeyNames eg.

DataKeyNames("MasterNum,LodgeNum")

ToolTip

answered on 15 Nov 2012

3 answers

243 views

Individual Colors to Bars in HtmlChart

Hi,

I want to assign individual colors to my barserie items depending on some conditions. Like this example for the RadChart control:
http://www.telerik.com/help/aspnet-ajax/chart-how-to-assign-individual-colors-to-bars.html

Is this possible?

Best regards,
Karl

Chart (HTML5)

answered on 15 Nov 2012

1 answer

92 views

Line Chart Error

I've got the line chart below on my page and am binding this to a dataset on click of a search button once the user has selected their criteria.

This dataset contains columns Country, Product & Price. I would like Country displayed along the bottom (x-axis), and then have Price plotted on the graph for each product.

I believe I've got this defined correctly however when I run the report I get a js error "'t.options' is null or not an object". Please can you advise on this?

In the code behind I'm simply retrieving my dataset and then:

chartPriceCorridor1.DataSource = Prices;

chartPriceCorridor1.DataBind();

<telerik:RadHtmlChart ID="chartPriceCorridor1" runat="server" Width="600px" Height="400px" Skin="Metro">

<ChartTitle Text="Price Corridor" >

<Appearance Align="Left" />

</ChartTitle>

<Legend>

<Appearance Position="Bottom" />

</Legend>

<PlotArea>

<Series>

<telerik:LineSeries AxisName="Country" Name="Product" DataFieldY="Price"></telerik:LineSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

Chart (HTML5)

answered on 15 Nov 2012

3 answers

105 views

Can the OnAjaxRequest property of the RadAjaxManager be set programmatically?

It says in the documentation that you can only have 1 RadAjaxManager on a page... I am thinking that I could really use the RadAjaxManager to be multi-purpose! I am currently triggering the ajaxrequest from closing a spawned radwindow) see code below...

//OnClientClose function

function runthisOnWindowClose() {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest();

}

I was thinking that if I wanted to refresh my parent page from a second spawned radwindow ( on it's onclose event)....I would need to call a different code-behind function from the same RadAjaxManager's onajaxrequest property. So wouldn't it be nice if I could dynamically set the onajaxrequest from the codebehind when using a different popup.

Dana

Ajax

answered on 15 Nov 2012

4 answers

145 views

RadGrid Disabled Selection

In the attached image there is a RadGrid with a GridClientSelectColumn with some of the checkboxes disabled.

I would like the 'select all' checkbox at the top, to only select the rows that are enabled, just two rows in this case. I would like the 'select all' checkbox to function as it would normally, but only take into account the two rows that are enabled.

e.g.

. tick the 'select all' checkbox and both enabled rows are selected.

. untick the 'select all' checkbox and both enabled rows are deselected.

. tick the first enabled checkbox and then tick the second enabled checkbox and the 'select all' checkbox at the top becomes ticked and vice versa.

I've tried several different methods but each one has not quite worked, including various server side code and jQuery.

The problem with the most obvious approach is that the 'select all' checkbox at the top will end up ticking all the checkboxes regardless of whether they are enabled or not.

Many thanks in advance

Mike

Grid

answered on 15 Nov 2012

2 answers

163 views

Access GridGroupHeaderItem client-side (javascript)

Is it possible to access the GridGroupHeaderItems client-side? Assuming I have something like this in my grid:

<GroupHeaderTemplate>

<asp:CheckBox runat="server" ID="cbGroupHeader"/>

</GroupHeaderTemplate>

I can do something like this server-side:

foreach(GridGroupHeaderItem item in RadGrid1.MasterTableView.GetItems(GridItemType.GroupHeader))

{

var cb = (CheckBox)(item.FindControl("cbGroupHeader"));

cb.Checked = true;

Can I do something like this client-side (i.e., with JavaScript)? All I can seem to get is the data items.

Thanks,

J

Grid

answered on 15 Nov 2012

0 answers

179 views

Unregistered handler for RadAsyncUpload breaks the File Browser dialogs of RadEditor in Q3 2012

To provide better File Upload experience and usability, starting from Q3 2012, RadAsyncUpload is enabled out-of-the box in RadEditor's File Browser dialogs. Therefore the handler for the AsyncUpload should be registered in the web.config explicitly:

<httpHandlers>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

...

<handlers>

<add name="Telerik_Web_UI_DialogHandler_aspx" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" />

<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />

</handlers>

If the Telerik.Web.UI.WebResource.axd handler is not registered AsyncUpload will not function correctly and the File Browser (ImageManager, DocumentManager, MediaManager, etc) dialogs will look in a similar way:

Both Telerik.Web.UI.DialogHandler.aspx and Telerik.Web.UI.WebResource.axd handlers can be registered in the web.config file via the RadEditor's smart tag.

Editor

asked on 15 Nov 2012