Questions on UI for ASP.NET AJAX Forum

1 answer

142 views

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

56 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

592 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

320 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

228 views

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

218 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

8 answers

220 views

Change visibility of GridEditCommandColumn image on row mouseover

I have GridEditCommandColumn with an image in it that I want to be invisible until I mouseover anywhere in its row.

I've been messing with cssclass and with the OnRowMouseOver client event but I've not been able to work it out.

Does anyone have the magic incantation I can use...

Thanks, Steve

Grid

answered on 21 Jun 2012

1 answer

106 views

Help in load on demand of combobox

Hi,

I am generating radcombobox items using load on demand. When I type something, it is filtering. It works fine.
But before I type i.e. when I just click on it, it shows the entire items. i don't this to happen.

Thanks,
Alan Thomas

ComboBox

answered on 21 Jun 2012

1 answer

133 views

Rebind certain child RadListView in client side

I have a hierarchical RadListView:

<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="SqlDataSource0"...>

......

<ItemTemplate

> 

<%
 
# Session["CatalogID"] = Eval("SerialsID").ToString()%>

<telerik:RadListView ID="RadListView2" runat="server" DataSourceID="SqlDataSource1"...>

.....

<ItemTemplate

> 

<%# Session["ProductID"] = Eval("ProductID").ToString()%>
 
 
<asp:Button runat="server" ID="btnRebind_Production" Text="" OnClientClick="somefunction"/>

<telerik:RadListView ID="RadListView3" runat="server" DataSourceID="SqlDataSource2"

...> 

....

<ItemTemplate>

<div>

<asp:Button runat="server" ID="btnRebind_Detail" Text="" OnClientClick="somefunction()/>

 

 

 
 
 
<asp:ImageButton runat="server" ID="img1" AlternateText="" CausesValidation="false" ImageUrl='<%# Eval("ImageURL") %>' Width="180px" Height="180px" />

<div>

</ItemTemplate>

</telerik:RadListView>

</ItemTemplate>

</telerik:RadListView>

</ItemTemplate>

</telerik:RadListView>

When I click btnRebind_Detail, I only want to rebind RadListView 3. The problem was that when I call

$find(

"<%= RadListView1.ClientID %>").rebind(), the data sets for RadListView2 and 3 are wrong. I tried to wrap the RadListView3 with UpdatePanel and call _doPostBack("UpdatePanel1", ' '), but the dataset for RadListView 3 is wrong, it populated the ListView3 with another Catalog's details. Is there a way to only rebind certain child RadListView in Client-Side?

ListView

answered on 21 Jun 2012

3 answers

104 views

Client Side Validation with Nested UserControl and Ajax Manager

How do I get a Nested User Control to use client-side validation?

Here's the validator:

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

</telerik:RadTextBox>

<asp:RequiredFieldValidator runat="server" ID="rfvAuditor" ControlToValidate="txtAuditor"

ErrorMessage="Auditor is required" Display="Dynamic" ForeColor="Red" ValidationGroup="Audit">*</asp:RequiredFieldValidator>

My user control has "btnUpdate" is inside the User Control:

<telerik:RadButton ID="btnUpdate" Text="Update" runat="server" CommandName="Update" ValidationGroup="Audit">

The user control includes the Validator in the RadAjaxManagerProxy:

<telerik:RadAjaxManagerProxy runat="server" ID="RadAjaxManagerProxy">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnUpdate">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="btnUpdate" />

<telerik:AjaxUpdatedControl ControlID="rfvAuditor" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy

>





The Grid in the parent control uses the User Control:


<EditFormSettings UserControlName="~/Controls/ComplianceFormAuditControl.ascx" EditFormType="WebUserControl">
                                                       <EditColumn UniqueName="EditCommandColumn1">
                                                       </EditColumn>
                                                   </EditFormSettings>



The Audit validation summary is available on the page:


<asp:ValidationSummary runat="server" ID="vsAudit" ForeColor="Red" ValidationGroup="Audit" />





The Rad Ajax Manager on the parent page is configured:


<telerik:AjaxSetting AjaxControlID="grdAudit">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="grdAudit" />
                <telerik:AjaxUpdatedControl ControlID="vsAudit" />
            </UpdatedControls>
        </telerik:AjaxSetting>





Doesn't seem to work. I have tried to manually call validation without success:


protected void grdAudit_InsertCommand(object sender, GridCommandEventArgs e)
        {
            Page.Validate("Audit");
            InsertUpdateAudits(e, ComplianceFormAuditEntity.Status.New);
        }





Any ideas?

Grid

answered on 21 Jun 2012