Questions on UI for ASP.NET AJAX Forum

1 answer

355 views

Hi! I have a problem with rendering in RadWizardStep. I create step programmatically.During this creation i insert UserControl wich contains RadTreeView

control. Everything is fine until i expand nodes of TreeView. There is no scrollbars and a bottom part of nodes becomes invisible.

I've read the topic http://www.telerik.com/forums/height-attribute-of-radwizard, but this not works. Any suggestions to fix this issue?

Here's my code:

User Control

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TreeControl.ascx.cs" Inherits="Wizard.TreeControl" %>

<div>

<telerik:RadTextBox ClientEvents-OnLoad="clientLoad" ID="RadTextBoxFilter1" runat="server" />

<telerik:RadTreeView ID="RadTreeViewFilter1" runat="server">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Microsoft">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Windows">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Office">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Oracle">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Database 10g">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Data Integrator">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Adobe">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Photoshop">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Illustrator">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Premier">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Telerik">

<Nodes>

<telerik:RadTreeNode runat="server" Text="1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="5">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="7">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="8">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="9">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="10">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="11">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="12">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="13">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="14">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

<ExpandAnimation Type="None" />

<CollapseAnimation Type="None" />

</telerik:RadTreeView>

</div>

<script type="text/javascript">

var timer = null;

function clientLoad(sender) {

$telerik.$(".riTextBox", sender.get_element().parentNode).bind("keydown", valueChanging);

}

function valueChanging(sender, args) {

if(timer)

{

clearTimeout(timer);

}

timer = setTimeout(function() {

var tree = $find("<%= RadTreeViewFilter1.ClientID %>");

var textbox = $find("<%= RadTextBoxFilter1.ClientID %>");

var searchString = textbox.get_element().value;

for (var i = 0; i < tree.get_nodes().get_count(); i++) {

findNodes(tree.get_nodes().getNode(i), searchString);

}

}, 200);

}

function findNodes(node, searchString) {

node.set_expanded(true);

var hasFoundChildren = false;

for (var i = 0; i < node.get_nodes().get_count(); i++) {

hasFoundChildren = findNodes(node.get_nodes().getNode(i), searchString) || hasFoundChildren;

}

if (hasFoundChildren || node.get_text().toLowerCase().indexOf(searchString.toLowerCase()) != -1) {

node.set_visible(true);

return true;

}

else {

node.set_visible(false);

return false;

}

</script>

Code behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Wizard

{

public partial class TreeControl : System.Web.UI.UserControl

{

public string clientLoad { get; set; }

protected void Page_PreRender(object sender, EventArgs e)

{

if (!string.IsNullOrWhiteSpace(clientLoad))

{

ScriptManager.RegisterStartupScript(this, GetType(), "script",

clientLoad, true);

}

protected void Page_Load(object sender, EventArgs e)

{

}

Wizard

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="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" />

<link rel="stylesheet" type="text/css" href="styles.css" />

<style type="text/css">

.rwzContent {

height: 500px !important;

}

</style>

</head>

<body>

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

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

<Scripts>

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

(function () {

window.pageLoad = function () {

var $ = $telerik.$;

var cssSelectors = ["accountInfo", "personalInfo", "contactDetails", "confirmation"];

var breadCrumbButtons = $(".rwzBreadCrumb .rwzLI");

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

$(breadCrumbButtons[i]).addClass(cssSelectors[i]);

}

window.AcceptTermsCheckBoxValidation = function (source, args) {

var termsChecked = $telerik.$("input[id*='AcceptTermsCheckBox']")[0].checked;

args.IsValid = termsChecked;

}

window.UserNameLenghthValidation = function (source, args) {

var userNameConditions = $telerik.$(".conditions")[0];

var isValid = (args.Value.length >= 4 && args.Value.length <= 15);

args.IsValid = isValid;

$telerik.$(userNameConditions).toggleClass("redColor", !isValid);

}

window.PasswordLenghthValidation = function (source, args) {

var passwordConditions = $telerik.$(".conditions")[1];

var isValid = args.Value.length >= 6;

args.IsValid = isValid;

$telerik.$(passwordConditions).toggleClass("redColor", !isValid);

}

})();

</script>

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

</telerik:RadAjaxManager>

<div class="demo-container">

<div class="wizardHeader"></div>

<telerik:RadWizard ID="RadWizard1" runat="server" Height="420px"

OnNextButtonClick="RadWizard1_NextButtonClick"

OnWizardStepCreated="RadWizard1_WizardStepCreated"

DisplayCancelButton="True" OnCancelButtonClick="RadWizard1_CancelButtonClick">

<WizardSteps>

<telerik:RadWizardStep ID="RadWizardStep1" Title="Your account" runat="server" StepType="Start" ValidationGroup="accountInfo" CausesValidation="true" SpriteCssClass="accountInfo">

<div class="inputWapper first">

<asp:Label Text="User Name: *" runat="server" AssociatedControlID="UserNameTextBox" />

<telerik:RadTextBox ID="UserNameTextBox" runat="server" ValidationGroup="accountInfo" Width="320px"></telerik:RadTextBox>

<asp:CustomValidator ID="UserNameLenghthValidator" ValidationGroup="accountInfo" runat="server" ControlToValidate="UserNameTextBox" EnableClientScript="true" ClientValidationFunction="UserNameLenghthValidation"></asp:CustomValidator>

<asp:RequiredFieldValidator ID="UserNameTextBoxRequiredFieldValidator" runat="server" ControlToValidate="UserNameTextBox" EnableClientScript="true" ValidationGroup="accountInfo" ForeColor="red" ErrorMessage="required field" CssClass="validator"></asp:RequiredFieldValidator>

<span class="conditions">Minimum 4 characters, maximum 15 characters.</span>

</div>

<div class="inputWapper">

<asp:Label Text="Password: *" runat="server" AssociatedControlID="RadComboBox1" />

<telerik:RadComboBox ID="RadComboBox1" Runat="server" ValidationGroup="accountInfo" Width="320px">

<Items>

<telerik:RadComboBoxItem runat="server" Text="1" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="2" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="3" Value="3" />

</Items>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="PasswordTextBoxRequiredFieldValidator" runat="server"

ControlToValidate="RadComboBox1" EnableClientScript="true" ValidationGroup="accountInfo" ErrorMessage="required field" CssClass="validator"></asp:RequiredFieldValidator>

<span class="conditions">The password has to be at least 6 characters long.</span>

</div>

</telerik:RadWizardStep>

</WizardSteps>

</telerik:RadWizard>

</div>

</form>

</body>

</html>

Code behind

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;

using Wizard;

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

{

private static bool _stepCreated = false;

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack && !_stepCreated)

{

RadWizardStep step2 = new RadWizardStep();

step2.ID = "Second";

RadWizard1.WizardSteps.Add(step2);

RadWizardStep completeStep = new RadWizardStep();

completeStep.ID = "Complete";

RadWizard1.WizardSteps.Add(completeStep);

_stepCreated = true;

RadComboBox1.Enabled = false;

RadWizard1.ActiveStepIndex = RadWizard1.WizardSteps[1].Index;

}

protected void RadWizard1_WizardStepCreated(object sender, Telerik.Web.UI.WizardStepCreatedEventArgs e)

{

if (e.RadWizardStep.ID == "Complete")

{

e.RadWizardStep.StepType = RadWizardStepType.Complete;

Label label = new Label();

label.Text = "Registration succeeded!";

e.RadWizardStep.Controls.Add(label);

}

else

{

Control wizardStepContents = LoadControl("TreeControl.ascx");

wizardStepContents.ID = e.RadWizardStep.ID + "userControl";

e.RadWizardStep.Controls.Add(wizardStepContents);

}

protected void RadWizard1_NextButtonClick(object sender, WizardEventArgs e)

{

}

protected void RadWizard1_CancelButtonClick(object sender, WizardEventArgs e)

{

if (_stepCreated)

{

RadWizardStep step2 = RadWizard1.WizardSteps[2];

RadWizard1.WizardSteps.Remove(step2);

RadWizardStep step1 = RadWizard1.WizardSteps[1];

RadWizard1.WizardSteps.Remove(step1);

}

RadWizard1.ActiveStepIndex = 0;

RadComboBox1.Enabled = true;

_stepCreated = false;

}

Wizard

answered on 10 Dec 2015

1 answer

132 views

two-way binding on custom column

Hi

I have a little issue with a custom column i have created for the treelist.

The column is almost working as expected - it can get the value from the datasource, however when the value should be updated back to the database it dosnt happen, althou the ExtraceValues() is called and is returning the new value - i think i might be missing something simple - how you are able to help, thanks.

here is the asp markup for the column:

<%@ Register TagPrefix="CustomColumns" Namespace="CustomColumns" %>

<telerik:RadTreeList runat="server" ID="MenuTree" DataSourceID="IPPlanV4Menu" DataKeyNames="MenuID" ParentDataKeyNames="ParentMenuID" AutoGenerateColumns="False" EditMode="InPlace" >
<Columns>
.....
<CustomColumns:ValueSetColumn ValueSet="No=0,Yes=1" UniqueName="ForceVisible" HeaderText="Force Visible" DefaultInsertValue="0" DataField="ForceVisible">
<HeaderStyle Width="70px" />
<ItemStyle Width="60px" />
</CustomColumns:ValueSetColumn>
<telerik:TreeListEditCommandColumn AddRecordText="Add" CancelText="Cancel" EditText="Edit" InsertText="Insert" ShowAddButton="true" ShowEditButton="true" HeaderText="">
<HeaderStyle Width="70px" />
</telerik:TreeListEditCommandColumn>
<telerik:TreeListButtonColumn UniqueName="DeleteCommandColumn" Text="Delete" CommandName="Delete" HeaderText="">
<HeaderStyle Width="40px" />
</telerik:TreeListButtonColumn>
</Columns>
</telerik:RadTreeList>

and the code for the column with the two item templates

Imports Microsoft.VisualBasic
Imports System
Imports System.Linq
Imports System.Web.UI.WebControls
Imports Telerik.Web.UI

Namespace CustomColumns

Public Class ValueSetColumn
Inherits TreeListTemplateColumn
Private _valueSet As String
Private ListItems As OrderedDictionary

Public Property ValueSet As String
Get
Return _valueSet
End Get
Set(value As String)
Dim strs As String()
_valueSet = value
For Each Str As String In value.Split(",")
strs = Str.Split("=")
ListItems.Add(strs(0), strs(1))
Next
End Set
End Property

Public Sub New()
Me.ListItems = New OrderedDictionary()
Me.ItemTemplate = New ItemValueSetTemplate(Me)
Me.EditItemTemplate = New EditValueSetTemplate(Me)
End Sub

#Region "EditValueSetTemplate"
Private Class EditValueSetTemplate
Implements IBindableTemplate
Private owner As ValueSetColumn = Nothing
Private ddl As RadDropDownList = Nothing

Public Sub New(owner As ValueSetColumn)
Me.owner = owner
End Sub

Public Function ExtractValues(container As Control) As IOrderedDictionary Implements IBindableTemplate.ExtractValues
Dim values As New OrderedDictionary()
values(owner.DataField) = ddl.SelectedItem.Value
Return values
End Function

Public Sub InstantiateIn(container As Control) Implements ITemplate.InstantiateIn
ddl = New RadDropDownList()
ddl.Enabled = True
ddl.MergeStyle(owner.ItemStyle)
AddHandler ddl.DataBinding, AddressOf DataBinding
container.Controls.Add(ddl)
End Sub

Private Sub DataBinding(ByVal sender As Object, ByVal e As EventArgs)
Dim item As DropDownListItem
Dim DDL As RadDropDownList = DirectCast(sender, RadDropDownList)
Dim container As TreeListEditableItem = DirectCast(DDL.NamingContainer, TreeListEditableItem)
Dim selectedvalue As String = DirectCast(container.DataItem, DataRowView)(owner.DataField).ToString()
DDL.Items.Clear()
For Each ditem In owner.ListItems
item = New DropDownListItem(ditem.Key, ditem.Value)
item.Selected = (item.Value = selectedvalue)
DDL.Items.Add(item)
Next
End Sub
End Class
#End Region

#Region "ItemValueSetTemplate"
Private Class ItemValueSetTemplate
Implements IBindableTemplate
Private owner As ValueSetColumn = Nothing
Private ddl As RadDropDownList = Nothing

Public Sub New(owner As ValueSetColumn)
Me.owner = owner
End Sub

Public Function ExtractValues(container As Control) As IOrderedDictionary Implements IBindableTemplate.ExtractValues
Dim values As New OrderedDictionary()
values(owner.DataField) = ddl.SelectedItem.Value
Return Values
End Function

Public Sub InstantiateIn(container As Control) Implements ITemplate.InstantiateIn
ddl = New RadDropDownList()
AddHandler ddl.DataBinding, AddressOf DataBinding
ddl.MergeStyle(owner.ItemStyle)
ddl.Enabled = False
container.Controls.Add(ddl)
End Sub

Private Sub DataBinding(ByVal sender As Object, ByVal e As EventArgs)
Dim item As DropDownListItem
Dim DDL As RadDropDownList = DirectCast(sender, RadDropDownList)
Dim container As TreeListEditableItem = DirectCast(DDL.NamingContainer, TreeListEditableItem)
Dim selectedvalue As String = DirectCast(container.DataItem, DataRowView)(owner.DataField).ToString()
DDL.Items.Clear()
For Each ditem In owner.ListItems
item = New DropDownListItem(ditem.Key, ditem.Value)
item.Selected = (item.Value = selectedvalue)
DDL.Items.Add(item)
Next
End Sub
End Class
#End Region

End Class

End Namespace

TreeList

answered on 10 Dec 2015

1 answer

117 views

Combobox button color

Hello,

How I can change the comobobox button and arrow to look like this?

Thanks,

Ed

ComboBox

answered on 10 Dec 2015

4 answers

469 views

How to Export RadChart to Excel?

Please provide code, Thanks in advance.

Chart (HTML5)

answered on 10 Dec 2015

5 answers

205 views

XAxis BaseUnit Months count not correct

I am creating a chart with a DateTime for the X axis. When I set BaseUnit to Days each days count is correct, but when I set BaseUnit to Months the count is not correct.

I'm not sure if my code is incorrect or this is an issue with RadHtmlChart functionality.
I assume there's nothing wrong with the code since the chart displays counts correctly when BaseUnit is set to Days.

The month count should be 49 but it's showing up as 17. There are 8 SeriesItems being added and 17 is the value of the 4th item; not sure if that has anything to do with where it's getting 17 from.

Any help is appreciated!

public static RadHtmlChart ChartDeploymentsByRemoteImaging(List<DeploymentsView> results)

{

RadHtmlChart RadHtmlChart1 = new RadHtmlChart();

RadHtmlChart1.ID = "RemoteImagingChart";

RadHtmlChart1.Width = Unit.Pixel(680);

RadHtmlChart1.Height = Unit.Pixel(400);

RadHtmlChart1.ChartTitle.Text = "Remote Imaging";

var groups = results.GroupBy(d => d.Date.Date)

.Select(g => new

{

Date = g.Key,

Count = g.Count(),

RemoteCount = g.Where(d=>d.TaskSequence.ToUpper().Contains("OSD")).Count()

});

ColumnSeries series = new ColumnSeries();

ColumnSeries seriesRemote = new ColumnSeries();

series.Name = "Local Imaging";

seriesRemote.Name = "Remote Imaging";

series.GroupName = "Total";

seriesRemote.GroupName = "Total";

foreach (var group in groups)

{

CategorySeriesItem seriesItem = new CategorySeriesItem((decimal?)(group.Count - group.RemoteCount));

series.SeriesItems.Add(seriesItem);

CategorySeriesItem seriesRemoteItem = new CategorySeriesItem((decimal?)(group.RemoteCount));

seriesRemote.SeriesItems.Add(seriesRemoteItem);

RadHtmlChart1.PlotArea.XAxis.Items.Add(new AxisItem { LabelText = group.Date.ToShortDateString() });

}

series.LabelsAppearance.Visible = false;

seriesRemote.LabelsAppearance.Visible = false;

RadHtmlChart1.PlotArea.Series.Add(series);

RadHtmlChart1.PlotArea.Series.Add(seriesRemote);

RadHtmlChart1.PlotArea.XAxis.BaseUnit = Telerik.Web.UI.HtmlChart.DateTimeBaseUnit.Months;

RadHtmlChart1.PlotArea.XAxis.Type = Telerik.Web.UI.HtmlChart.AxisType.Date;

return RadHtmlChart1;

}

Chart (HTML5)

answered on 10 Dec 2015

2 answers

173 views

RadHtmlChart not working with Dataset, even code from the demos not working

For a new project I am working on, I am going to make use of the RadHtmlChart that would be bound to a dataset to do a Bar Chart.

First I needed to get familiar with the RadHtmlChart and binding a dataset to it. To do that I started with the demos. First I created an ASP.Net page with VB.net as the code behind. I had copied the ASP.net code from the demo to the ASP.Net page I created and copied the vb code-behind to the code-behind for the ASP.Net page I created. When I try to display that ASP.Net page in my web browser, it showed the chart without the lines that should have been plotted based on the data. See the attached screenshot.

I have even tried the example code in the documentation for using a dataset and still did not work.

Why is this NOT working?

It should be simple and straight-forward but it is not working. I have tried it in IE11 and Google Chrome. I have bind other Telerik controls to datasets before without any problems.

Please DO NOT refer me to the example in the documentation and the demo because they are not working.

Please LOOK at my code below and help find out why it is NOT working.

---------------------------------------------------------------------

TestRadHTMLChart.aspx -

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestRadHtmlChart.aspx.vb" Inherits="TestRadHtmlChart" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
</head>

<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container size-wide">
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="800px" Height="500px">
<PlotArea>
<Series>
<telerik:ScatterLineSeries Name="0.8C" DataFieldX="ChargeTime08C" DataFieldY="ChargeCurrent08C">
<TooltipsAppearance Color="White" DataFormatString="{1}% in {0} minutes"></TooltipsAppearance>
<LabelsAppearance Visible="false">
</LabelsAppearance>
</telerik:ScatterLineSeries>
<telerik:ScatterLineSeries Name="1.6C" DataFieldX="ChargeTime16C" DataFieldY="ChargeCurrent16C">
<TooltipsAppearance Color="White" DataFormatString="{1}% in {0} minutes"></TooltipsAppearance>
<LabelsAppearance Visible="false">
</LabelsAppearance>
</telerik:ScatterLineSeries>
<telerik:ScatterLineSeries Name="3.1C" DataFieldX="ChargeTime31C" DataFieldY="ChargeCurrent31C">
<TooltipsAppearance Color="White" DataFormatString="{1}% in {0} minutes"></TooltipsAppearance>
<LabelsAppearance Visible="false">
</LabelsAppearance>
</telerik:ScatterLineSeries>
</Series>
<XAxis>
<LabelsAppearance DataFormatString="{0}m" />
<TitleAppearance Text="Time" />
</XAxis>
<YAxis MaxValue="100">
<LabelsAppearance DataFormatString="{0}%" />
<TitleAppearance Text="Charge" />
</YAxis>
</PlotArea>
<ChartTitle Text="Charge current vs. charge time">
</ChartTitle>
</telerik:RadHtmlChart>
</div>
</form>
</body>
</html>

TestRadHtmlChart.aspx.vb -

Imports System
Imports System.Data

Partial Class TestRadHtmlChart
Inherits System.Web.UI.Page

Protected Sub Page_Load(sender As Object, e As System.EventArgs)
RadHtmlChart1.DataSource = GetData()
RadHtmlChart1.DataBind()
End Sub

Private Function GetData() As DataSet
Dim ds As New DataSet("ChargeCurrentTimeRatio")
Dim dt As New DataTable("ChargeData")
dt.Columns.Add("Id", Type.[GetType]("System.Int32"))
dt.Columns.Add("ChargeTime08C", Type.[GetType]("System.Decimal"))
dt.Columns.Add("ChargeCurrent08C", Type.[GetType]("System.Decimal"))
dt.Columns.Add("ChargeTime16C", Type.[GetType]("System.Decimal"))
dt.Columns.Add("ChargeCurrent16C", Type.[GetType]("System.Decimal"))
dt.Columns.Add("ChargeTime31C", Type.[GetType]("System.Decimal"))
dt.Columns.Add("ChargeCurrent31C", Type.[GetType]("System.Decimal"))

dt.Rows.Add(1, 10, 10, 10, 40, 10, _
70)
dt.Rows.Add(2, 15, 20, 17, 50, 13, _
90)
dt.Rows.Add(3, 20, 25, 18, 70, 25, _
100)
dt.Rows.Add(4, 32, 40, 35, 90, Nothing, _
Nothing)

dt.Rows.Add(5, 43, 50, 47, 95, Nothing, _
Nothing)
dt.Rows.Add(6, 55, 60, 60, 100, Nothing, _
Nothing)
dt.Rows.Add(7, 60, 70, Nothing, Nothing, Nothing, _
Nothing)
dt.Rows.Add(8, 70, 80, Nothing, Nothing, Nothing, _
Nothing)
dt.Rows.Add(9, 90, 100, Nothing, Nothing, Nothing, _
Nothing)
ds.Tables.Add(dt)
Return ds
End Function
End Class

Chart (HTML5)

answered on 10 Dec 2015

7 answers

335 views

OnNextButtonClick event does not fire if another event fires

I have a RadWizard with the steps created dynamically in the OnInit function ( IsPostback = false )

I have a server OnNextButtonClick event set.

On the dynamically created step I have a RadTextBox with an ClientEvents.OnValueChanged event set

If I enter data on the RadTextBox and tab off it the OnValueChanged fires correctly

If I click the 'Next' button the OnNextButtonClick fires correctly

However...

If I enter data in the RadTextBox and click the 'Next' button without leaving the RadTextBox the OnValueChanged event fires but the OnNextButtonClick event does not fire.

How do I get both events to fire when the 'Next' button is clicked?

Wizard

answered on 09 Dec 2015

2 answers

206 views

[Solved] Using RadWindow and RadTabStrip - A window is displayed on load & button not passing correct value to page in new window.

I have an ASP.Net page I am trying to use the RadWindow and RadTabStrip on. The ASP.Net page has some RadButtons on it. Each button is for a different Line.

I am trying to develop the ASP.net page so that when the user clicks on a button which opens a new window to a different ASP.Net page.

Here are the problems I am running into:

- A window is opened upon the page being loaded. There should not be any window created and opened when the page is loaded. Only when a button is clicked on that new window appears.

- In a new window, the ASP.Net page is getting the same value ... BL1. If a button for BL4 is clicked on then the new window should show BL4 in the ASP.Net page it loaded.

- For each new window opened, the tabstrip expands causing the buttons to be pushed down further in the page. The buttons need to stay in the same place no matter how many windows are opened.

Basically, I am trying to do something similiar to the demo for the RadWindow when you click on the Overview.

Below is my code.

Attached is a screenshot of what happens when the page loads.

Please help me to find a solution to my issues above. Thanks!

Sincerely,

Keith Jackson

Below is my code.

TestRadWindow.aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestRadWindowPage.aspx.vb" Inherits="TestRadWindowPage" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html .RadMenu .rmLink,
html .RadMenu .rmHorizontal .rmText {
float: none;
padding: 0;
text-align: center;
}
.restrictionZone {
height: 967px;
width:960px;
border: solid 1px black;
}
.RadWindow .rwWindowContent
{
background-image: url('images/SteelWallpaper1.jpg') !important;
}
.LineDiv1 {
text-wrap:none;
width: 740px;
height: 172px;
background-color: white;
box-shadow: 10px 10px 5px #101010;
}
.LineDiv2 {
text-wrap:none;
text-indent:3px;
width: 200px;
height: 172px;
background-color: white;
box-shadow: 10px 10px 5px #101010;
}
</style>
<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type = "text/javascript" >
function tabStrip_load(sender, args) {
tabStrip = sender;
} function OnClientTabSelected(sender, args) {
//get the current windows collection
var selIndex = tabStrip.get_selectedIndex();
OpenWindowByIndex(selIndex);
}

function OpenWindowByIndex(index) {
var windows = demo.manager.get_windows();
for (var i = 0; i < windows.length; i++) {
var win = windows[i];
if (i == index) {
//Only show window if it is not currently visible to prevent recursion of RadWindow OnClientShow calling RadTabStrip OnClientTabSelected
if (!win.isVisible()) {
win.show();
win.center();
}
}
else {
win.hide();
}
}
}
function openNewWindow(sWrkctr) {
//var windowURL = urlTextBox.get_textBoxValue();
//var oWnd = radopen("CoilUptimeHistory.aspx?WRKCTR=" + sWrkctr, null);
var oWnd = GetRadWindowManager().open("CoilUptimeHistory.aspx?WRKCTR=" + sWrkctr, null);
oWnd.center();
//var websiteName = getWebsiteName(oWnd.get_navigateUrl());
//Add new tab to the tabstrip
tabStrip.trackChanges();
var tab = new Telerik.Web.UI.RadTab();
tab.set_text(sWrkctr + ' Coil Uptime History');
tabStrip.get_tabs().add(tab);
//var iconUrl = oWnd.get_navigateUrl() + "/favicon.ico";
//if (iconUrl.indexOf("converter.telerik.com") > 0) iconUrl = "codeConverterFavicon.ico";
//if (iconUrl.indexOf("www.telerik.com") > 0) iconUrl = "telerikFavicon.ico";
//if (iconUrl.indexOf("www.w3.org") > 0) iconUrl = "w3Favicon.png";
//tab.set_imageUrl(iconUrl);
tabStrip.commitChanges();

//Select this tab
tab.select();
}
</script>
</head>
<body style="background-color: #3A4459">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>
<telerik:RadMenu ID="RadMenu1" Runat="server" Width="960px" Style="z-index: 100">
<Items>
<telerik:RadMenuItem runat="server" Font-Bold="True" Font-Size="14pt" NavigateUrl="CustomerPortal" Text="Home" Width="475px">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" IsSeparator="True" Text="Sep">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Font-Bold="True" Font-Size="14pt" ForeColor="Red" Text="Logout" Width="475px">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
<telerik:RadTabStrip OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1"
Orientation="VerticalLeft" runat="server" OnClientLoad="tabStrip_load">
</telerik:RadTabStrip>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="false">
</telerik:RadWindowManager>
<br />
<br />
<br />
<telerik:RadButton ID="rbtnBL1OpenRadWin" OnClientClicked="openNewWindow('BL1')" AutoPostBack="false" runat="server" Text="BL1 Open RadWindow" RenderMode="Classic" Font-Size="11pt">
</telerik:RadButton>
<br />
<br />
<telerik:RadButton ID="rbtnBL2OpenRadWin" OnClientClicked="openNewWindow('BL2')" AutoPostBack="false" runat="server" Text="BL2 Open RadWindow" RenderMode="Classic" Font-Size="11pt">
</telerik:RadButton>
<br />
<br />
<telerik:RadButton ID="rbtnBL3OpenRadWin" OnClientClicked="openNewWindow('BL3')" AutoPostBack="false" runat="server" Text="BL3 Open RadWindow" RenderMode="Classic" Font-Size="11pt">
</telerik:RadButton>
<br />
<br />
<telerik:RadButton ID="rbtnBL4OpenRadWin" OnClientClicked="openNewWindow('BL4')" AutoPostBack="false" runat="server" Text="BL4 Open RadWindow" RenderMode="Classic" Font-Size="11pt">
</telerik:RadButton>
<br />
<br />
<telerik:RadButton ID="rbtnCTLOpenRadWin" OnClientClicked="openNewWindow('CTL')" AutoPostBack="false" runat="server" Text="CTL Open RadWindow" RenderMode="Classic" Font-Size="11pt">
</telerik:RadButton>

</form>
</body>
</html>

TestRadWindowPage

Window

answered on 09 Dec 2015

2 answers

156 views

[Solved] Create or open a RadWindow without using a javascript function?

Is it possible to create or open a RadWindow without using a javascript function?

The reason I ask is because I have an ASP.Net page with multiple UpdatePanels that is updated by a Timer every few seconds. Each UpdatePanel has a button for the user to click on to open another ASP.Net page with a Bar Chart.

I have found a way to get a button within an UpdatePanel to work and to get a button outside of an UpdatePanel to work. But as soon as I set up the button to call a javascript function directly using OnClientClicked or from the code behind, nothing happens when clicking on the buttons.

It would be nice to be able to open a window without using a javascript function.

Maybe there is a way to do it using the RadWindowManager.

Please help.

Sincerely,

Keith Jackson

Window