Questions on UI for ASP.NET AJAX Forum

1 answer

243 views

Create steps depending on user input in first step

Hi! I am trying to create HelpDesk functionality using RadWizard to create new incident.

On first step user selects incident category from RadComboBox (hardware problems, software etc)

Then i dynamically create 2 new steps with a different markup depending on combobox selected value.

Everything works fine until user goes back to first step and selects new RadComboBox value.

Functionality allows to do such thing. And i have to delete next steps and create new ones with other markup.

I found simple solution to disable RadComboBox, but it seems to be uncorrect solution. Can you help me?

Here is my code

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

</head>

<body>

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

<asp:ScriptManager runat="server" />

<div>

<script type="text/javascript">

</script>

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

OnNextButtonClick="RadWizard1_NextButtonClick" OnWizardStepCreated="RadWizard1_WizardStepCreated" DisplayCancelButton="True">

<WizardSteps>

<telerik:RadWizardStep ID="RadWizardStep1" runat="server" Title="Book Group Vacation" StepType="Start" DisplayCancelButton="True" >

<telerik:RadComboBox ID="RadComboBox1" Runat="server" AutoPostBack="False">

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

<br/>

<label>ComboBox Value Is </label><span id="CB" runat="server"></span>

</telerik:RadWizardStep>

</WizardSteps>

</telerik:RadWizard>

</div>

</form>

</body>

</html>

And code-behind

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

{

private static bool _stepCreated = false;

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack && !_stepCreated)

{

CB.InnerText = RadComboBox1.SelectedValue.ToString();

RadWizardStep step2 = new RadWizardStep();

step2.ID = "Second";

RadWizard1.WizardSteps.Add(step2);

RadWizardStep step3 = new RadWizardStep();

step3.ID = "Third";

RadWizard1.WizardSteps.Add(step3);

RadWizardStep completeStep = new RadWizardStep();

completeStep.ID = "Complete";

RadWizard1.WizardSteps.Add(completeStep);

_stepCreated = true;

RadComboBox1.Enabled = false;

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

}

protected void rbRemove_Click(object sender, EventArgs e)

{

RadWizardStep step = ((RadWizardStep)((RadButton)sender).Parent);

RadWizard1.WizardSteps.Remove(step);

RadWizard1.ActiveStepIndex = 0;

}

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

{

e.RadWizardStep.CssClass = "passenger";

string[] labelTitle = new string[] { "First Name:", "Second Name:", "Third Name:" };

for (int i = 0; i < labelTitle.Length; i++)

{

RadTextBox rcbFirstName = new RadTextBox();

rcbFirstName.LabelWidth = Unit.Pixel(150);

rcbFirstName.Width = Unit.Pixel(500);

rcbFirstName.Label = labelTitle[i];

e.RadWizardStep.Controls.Add(rcbFirstName);

e.RadWizardStep.Controls.Add(new Literal() { Text = "<br />" });

}

RadTextBox rcbVal = new RadTextBox();

rcbVal.LabelWidth = Unit.Pixel(150);

rcbVal.Width = Unit.Pixel(500);

rcbVal.Label = "ComboBoxValue";

rcbVal.Text = RadComboBox1.SelectedValue.ToString();

e.RadWizardStep.Controls.Add(rcbVal);

e.RadWizardStep.Controls.Add(new Literal() { Text = "<br />" });

RadButton rbRemove = new RadButton();

rbRemove.Text = "Remove Person";

rbRemove.Click += rbRemove_Click;

e.RadWizardStep.Controls.Add(rbRemove);

}

protected void RadWizard1_NextButtonClick(object sender, WizardEventArgs e)

{

RadWizard wiz = (RadWizard)sender;

Response.Write(wiz.WizardSteps[e.CurrentStepIndex].ID);

Response.Write(wiz.WizardSteps[e.NextStepIndex].ID);

}

Wizard

answered on 09 Dec 2015

8 answers

703 views

RadComboBox very very slow

Hello, theres,
I use combobox to show about 3000 items, the performance is bad. Any idea?
my code default.aspx.cs follows

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 Customer_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e)

{

for (int i = 0; i < 3000; i++)

{

Customer.Items.Add(new RadComboBoxItem("item " + i, "1"));

}

my default.aspx follows

<%@ 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" />

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

function LoadCustomer(sender, eventArgs) {

var CustomerCombo = $find("<%=Customer.ClientID%>");

CustomerCombo.clearSelection();

CustomerCombo.requestItems("", false);

}

</script>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadComboBox ID="SalesList" Runat="server" onclientselectedindexchanging="LoadCustomer">

<Items>

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

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

</Items>

</telerik:RadComboBox>

<telerik:RadComboBox ID="Customer" runat="server" onitemsrequested="Customer_ItemsRequested" >

</telerik:RadComboBox>

</div>

</form>

</body>

</html>

about 8 seconds for 2999 items in IE 8, but seems ok in Chrome. How to solve the problem ?

Regards,
Agi

ComboBox

answered on 09 Dec 2015

3 answers

196 views

prevent radpanelbar from refresh

hi all,

i have a radpanelbar bind with datasource during pageload. when i click on the item, the screen auto refresh again.

how do i prevent the page from reload/refresh after clicked?

appreciate any inputs. thanks!

regards,

Richard

General Discussions

answered on 09 Dec 2015

1 answer

139 views

Insert text from RadListView into rad editor at cursor position

This is my RadListBox

<tele:RadListBox ID="listboxview" runat="server" Height="500px" Width="100%" Font-Size="11px" DataTextField="master"
DataValueField="master" OnClientSelectedIndexChanged="putTag" OnItemDataBound="listboxview_ItemDataBound" ></tele:RadListBox>

This is my RadEditor

<tele:RadEditor ID="RadEditor1" runat="server" ToolbarMode="RibbonBar" AutoResizeHeight="true" Skin="Office2007" EnableResize="false" Height="760px" _ToolsFile="tools.xml" Width="100%" > </tele:RadEditor>

This is my Javascript method for pasting the Text to the Cursor Postion.

function putTag(sender, eventArgs) {
                     debugger;
                    var itemsValue = sender.get_selectedItem().get_value(); // i got the value there from selecting the Item in the Listview
                    var editor = $find("<%= RadEditor1.ClientID %>");
                    var rng = editor.getSelection().getRange();
                    editor.getSelection().selectRange(rng);
                    editor.pasteHtml("[/" + itemsValue + "/]");

            }

when i click on the Listview then i want the text to the RadHtmlEditor, but using the Following codes i cant do this.

Plz correct my code.

Editor

answered on 09 Dec 2015

4 answers

587 views

TabStrip tabs - responsive to Mobile devices

Hi, I have been using RadTabStrip to create 8 tabs in a horizontal line and want to make responsive to mobile devices (small screens). I have used scrollChildren but it is not what I am looking for. Is there any other way to manipulate Tabstrip in such way?

TabStrip

answered on 08 Dec 2015

2 answers

1.0K+ views

radtextbox format date

I would like to format a date in radtextbox to exclude the time.. I have the following code

<

telerik:RadTextBox ID="txtEntryDate"

EmptyMessage="" ToolTip="Entry date"

Text='<%#Bind("EntryDate") %>'

DataFormatString="{0:MM/dd/yyyy}"

readonly = "true"

runat="server" Width="100px"/>

This does not work and it is still displayed with the time. I do not want to use a date picker because this date should never be changed.
Thank you.
Judith

Input

answered on 08 Dec 2015

3 answers

168 views

AllowMultiRowSelection in Chrome does not work

Hello Telerik,

i have a RadGrid, all is fine, but only in chrome i have a issue. IE and FF havent the problem. As you can see in the screenshot chrome dont show the GridClientSelectColumn.I have tried a lot but without success.

Dou you have any idea, the solve the problem?

Thank you and best wishes,

Nick

<telerik:RadGrid ID="RadGrid1" runat="server"

AllowSorting="True" AllowPaging="false"

AutoGenerateColumns="False" GridLines="none" AllowMultiRowSelection="True"

>

<MasterTableView Width="100%" DataKeyNames="RecordId, MasterRelease, RefMasterId" Name="Master"

>

<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false"></CommandItemSettings>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"></telerik:GridClientSelectColumn>

<telerik:GridBoundColumn HeaderText="Format" UniqueName="RecordTypeName" DataField="RecordTypeName" SortExpression="RecordTypeName" />

<telerik:GridBoundColumn HeaderText="Year" UniqueName="RecordYear" DataField="RecordYear" SortExpression="RecordYear" />

<telerik:GridBoundColumn HeaderText="Record" UniqueName="RecordName" DataField="RecordName" SortExpression="RecordName" />

<telerik:GridBoundColumn HeaderText="Label" UniqueName="LabelName" DataField="LabelName" SortExpression="LabelName" />

<telerik:GridBoundColumn HeaderText="LabelNo" UniqueName="LabelNumber" DataField="LabelNumber" SortExpression="LabelNumber" />

<telerik:GridBinaryImageColumn HeaderText="Cover" UniqueName="Cover" DataField="Cover" ImageAlign="Middle" Resizable="False" ImageHeight="50px" ImageWidth="50px" Groupable="false" DataType="System.Byte" AutoAdjustImageControlSize="false" />

</Columns>

</MasterTableView>

<ClientSettings >

<Selecting AllowRowSelect="True"></Selecting>

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 08 Dec 2015

4 answers

183 views

Cursor (caret) moving to left

I added a radtextbox but I've noticed that after I enter some text, if I click back on the textbox the cursor (after 1/2 second delay) jumps back to the beginning of the text area.

For exmaple if I type:
hello world(X) where (X) is where the cursor is, and then I click away and click back to the same textbox after 1/2 seconds it looks like:
(X)hello world

I'm using form decorator on the page with webblue. Here is a snippet:

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

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" Skin="WebBlue" DecoratedControls="All" />

<table><tr><td>Company</td><td>

<telerik:RadTextBox runat="server" ID="txtCompanyName"></telerik:RadTextBox>

<asp:TextBox runat="server" ID="Test"></asp:TextBox>

</td><td>Contact</td><td><telerik:RadTextBox runat="server" ID="txtContact"></telerik:RadTextBox></td></tr>

<tr><td>Created From</td><td><telerik:RadDatePicker runat="server" ID="dtsStart"></telerik:RadDatePicker></td><td>Created To</td><td><telerik:RadDatePicker runat="server" ID="dtsEnd"></telerik:RadDatePicker></td></tr>