Questions on UI for ASP.NET AJAX Forum

3 answers

467 views

Display Series Name & Value in the Bar for a Bar Chart

Hello -
I am trying to display information in a Horizontal Bar chart. The Y axis information is a list of series that we care about. The names of the series are quite long as you will see from the screen shot.

I would like to display the Series Name along with the value where the actual value is currently displaying. Is that possible. If yes, can someone tell me how to do that?

Also is it possible to make the Chart move a little to the right and make sure the Legend space is utilized by the chart. Sometime I don't need a legend and would like to use that space instead.

thanks
Vamsi

In the picture, I would like to replace '38' with 'Determine ... Decision - 38'

Chart (Obsolete)

answered on 21 Jun 2012

9 answers

252 views

RadToolBar

hi can i control RadToolBar height, i want height in 30px
i tried but nothing happened

<telerik:RadToolBar ID="RadToolBar1" style="z-index:90001" runat="server">

<Items>

<telerik:RadToolBarDropDown >

<Buttons>

<telerik:RadToolBarButton Text="Content Search" >

</telerik:RadToolBarButton>

</Buttons>

</telerik:RadToolBarDropDown>

<telerik:RadToolBarButton >

<ItemTemplate>

<telerik:RadTextBox ID="mainSearchTxt" runat="server">

</telerik:RadTextBox>

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Search" ></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

why the "Content Search" Text property of RadToolBarButton shown in 2 rows?

ToolBar

answered on 21 Jun 2012

2 answers

612 views

Select All in "Telerik:RadGrid"

Dear Telerik Support Team,

I am working on a webpage having a Telerik:RadGrid control applied for displaying Event details. I have successfully filled the text columns using your control but need to include one more column having a checkbox in the leftmost column, i.e. one for every row, incluing the one on top for Select All. Can you suggest me how can I add this checkbox as a GridTemplateColumn in your "telerik:RadGrid" so that user can click on Select All checkbox to select/unselect the rest of checkboxes below and accordingly the actions can be carried out based on the Button user clicks (Edit / Delete in my case) for selected records, I kept right below your Grid control.

Regards
Samrat Banerjee
India

Chart (Obsolete)

answered on 21 Jun 2012

1 answer

178 views

RadGrid with Horizontal Scrollbars

How can I have a RadGrid with the following settings:

Width = "100%"
Autofit column width to content(Neither the column HeaderText nor the cell content should be truncated)
Static Headers
Horizontal Scroll bars
Vertical Scroll bars

The number of columns in the grid are dynamic. I am able to get this effect only by specifying fixed width to the RadGrid and HeaderStyle.Width in pixels. But in this case the width of the column doesn't auto fit to the contents.

<telerik:RadGrid ID="rdgSample" runat="server" Width="1200px">

<MasterTableView TableLayout="Fixed">

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="2" />

</ClientSettings>

<HeaderStyle Width="250px" />

</telerik:RadGrid>

Grid

answered on 21 Jun 2012

1 answer

177 views

Multi-Table DataSet

Hello Telerik,

According to the documentation the RadTabStrip should be able to bind to a dataset correct? I cant seem to get it to work correctly.

Dim myDataSet As New DataSet()

Dim table As New DataTable("ParentTbl")

Dim table1 As New DataTable("ChildTbl")

table.Columns.Add("ParentId")

table.Columns.Add("Name")

table.Rows.Add(New String() {"1", "root 1"})

table.Rows.Add(New String() {"2", "root 2"})

table.Rows.Add(New String() {"3", "root 3"})

table.Rows.Add(New String() {"4", "root 4"})

table1.Columns.Add("ChildId")

table1.Columns.Add("ParentId")

table1.Columns.Add("Name")

table1.Rows.Add(New String() {"1", "1", "child 1"})

table1.Rows.Add(New String() {"2", "1", "child 11"})

table1.Rows.Add(New String() {"3", "2", "child 2"})

table1.Rows.Add(New String() {"4", "2", "child 22"})

table1.Rows.Add(New String() {"5", "2", "child 23"})

table1.Rows.Add(New String() {"6", "3", "child 3"})

table1.Rows.Add(New String() {"7", "4", "child 4"})

table1.Rows.Add(New String() {"8", "4", "child 42"})

myDataSet.Tables.AddRange(New DataTable() {table, table1})

Dim myParentColumn As DataColumn = myDataSet.Tables(0).Columns("ParentId")

Dim myChildColumn As DataColumn = myDataSet.Tables(1).Columns("ParentId")

Dim myDataRelations As New DataRelation("myDataRelation", myParentColumn, myChildColumn)

myDataSet.Relations.Add(myDataRelations)

Me.RadTabStripReports.DataFieldParentID = "ParentId"

Me.RadTabStripReports.DataFieldID = "ChildId"

' Set Text, Value

Me.RadTabStripReports.DataTextField = "Name"

Me.RadTabStripReports.DataValueField = "ChildId"

Me.RadTabStripReports.DataSource = myDataSet

Me.RadTabStripReports.DataBind()

When I test the TabStrip with this code it blows out with an error on the DataBind line.

Columns specified by DataFieldID/DataFieldParenID not found. Is this because of multiple tables in the dataset? The sample you show only has 1 datatable in the dataset. I can debug it and see the columns do in fact exist in the dataset tables.

Can you supply a sample that works with multiple tables, or is there something else that needs to be done?

Thanks!

TabStrip

answered on 21 Jun 2012

3 answers

63 views

Bubble Charts : X Axis Line Overlaying on the Bubble Charts

Hi,

I have generated rad bubble chart.But the X-Axis line is overlaying the bubbles. In the telerik site, I have found this link . Please also check in the attachment. May I know from which we can obtain the bubble at the top over Axis lines...

Thanks & Regards,
Karthik

Chart (Obsolete)

answered on 21 Jun 2012

11 answers

650 views

RadTextBox Resizing

I have a RadTextBox control set up as

<telerik:RadTextBox ID ="Test" runat="server"

EmptyMessage="Please enter subject search text...">

</telerik:RadTextBox>

Width property is not declared in the markup, The textbox is resizing properly using the javascript but the span wrapper class is always set to 160px width. It has caused us a few issues in our project. Is there anyway to remove the inline-style width?

We are using Q1 2012 version.

<span style="width: 160px;" id="ctl00_SearchPagePaneContent_txtSearchSubject_txtTextBox_wrapper"

class="riSingle RadInput RadInput_Office2007">

.

</span>

Input

answered on 21 Jun 2012

3 answers

359 views

Masked textbox combined with numeric textbox spinner

Does anyone know if it's possible to combine the RadMaskedTextbox with the spinner control that's on the RadNumericTextbox? I'm trying to replace a JQuery UI time picker, that implements a masked input and a spinner, with a Telerik alternative.

I've got the easy bit done...

<telerik:RadMaskedTextBox runat="server" ID="RadMaskedTextBox1" Mask="<0..23>:<0..59

>">

</

telerik:RadMaskedTextBox>

and as far as I can see there isn't an option to enable the spinner, but if anyone can suggest a solution I would be eternally grateful!

Is there a way to bind the cursor key up/down event to a button click?

Input

answered on 21 Jun 2012

7 answers

254 views

[Solved] Parent vertical orientation + child horizontal orientation

Hi,

I'm currently working with tabs. I saw on a forum post that it is impossible to change child orientation of tabs.
I made my own system of childs:

First, I have a ratabstrip wich is the main with 5 tabs( on the left)
This Radtabstrip have a multipage view. Inside it, i have 5 pages wich contain a radtabstrip. (on the top)
Each of this radtabstrip have a multipage view with 3,5,7 and 9 tabs.
See the attached picture "tabs" to see what i am talking about.

It's working fine when I select a left tab. My top tab change, and when I click on it, it display the appropriate content.
But when i select another tab, there is still the content of the other pages.
See the attached pictures "content".

2 questions :
Is it possible to make this more simple ?
How can I hide a multipage when I click on the left tabs ?

Many thanks for your help !

TabStrip

answered on 21 Jun 2012

5 answers

240 views

Selected and focus nodes not the same

Hi I've got a problem with the ASP.NET Rad Treeview, with checkboxes. The user is able to navigate about the treeview using the cursor keys. However it seems the actual focus is not changing, it appears the focus is changing as the class of rtSelected class is being applied corresponding to the user's navigation using the cursor keys. The actual focus can be changed using the tab key. I've got screen shots which clearly show the focus and the highlighted (selected) nodes being different in IE and Chrome

Chrome...

http://i49.tinypic.com/sf9og0.png

The selected field text is highlighted in grey. The input with focus is highlighted with a yellow box.

IE

http://i49.tinypic.com/adhhls.png

The selected field text is highlighted in grey. The input with focus is highlighted with a dashed outline.

This is not just a cosmetic issue I'm finding when the user selects a node using the space bar, OnNodeCheck is fired twice, once for the selected node and another time for the node with focus.

The focus and the selected node should be the same regardless of what input method is used.

ASPX:-

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

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

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

<script type="text/javascript">

function AfterUserLocationCheck(node) {

var i;

var nodes = node.TreeView.AllNodes;

for (i = 0; i < nodes.length; i++) {

if (nodes[i] != node)

nodes[i].UnCheck();

}

</script>

</head>

<body>

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

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" EnablePageMethods="true" runat="server">

</asp:ToolkitScriptManager>

<div>

<telerik:RadTreeView ID="tvUserLocation" runat="server" AllowNodeEditing="False"

DataFieldID="Id" DataFieldParentID="Parent" DataTextField="Name" DataValueField="ID"

MultipleSelect="false" AfterClientCheck="AfterUserLocationCheck" Skin="Default"

OnNodeCheck="tvUserLocation_OnNodeClick" TabIndex="1" CheckBoxes="True">

<Nodes>

<telerik:RadTreeNode Text="World">

<Nodes>

<telerik:RadTreeNode Text="Australia" />

<telerik:RadTreeNode Text="Germany" />

<telerik:RadTreeNode Text="United States" />

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</div>

</form>

</body>

</html>

Code Behind:-

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Diagnostics;

namespace WebApplication2

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void tvUserLocation_OnNodeClick(object sender, Telerik.Web.UI.RadTreeNodeEventArgs e)

{

Debug.WriteLine(e.Node.Text);

}

TreeView

answered on 21 Jun 2012