Questions on UI for ASP.NET AJAX Forum

3 answers

314 views

Hi all how can I work with tabstrip inside update panel. I have designed as follows

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="radTabStripMultiPage.aspx.cs"

Inherits="radTabStripMultiPage" %>

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

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

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

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

</head>

<body>

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

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

</telerik:RadScriptManager>

<div>

<telerik:RadWindowManager ID="RadWindowManager2" runat="server" VisibleOnPageLoad="false">

<Shortcuts>

<telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />

</Shortcuts>

</telerik:RadWindowManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="Default"

InitialBehavior="None">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Default" InitialBehaviors="None"

OpenerElementID="btn" Width="650" Height="480" VisibleOnPageLoad="false">

<ContentTemplate>

<telerik:RadComboBox ID="rdcmb" runat="server">

<Items>

<telerik:RadComboBoxItem Text="One" Value="One" />

<telerik:RadComboBoxItem Text="Two" Value="Two" />

<telerik:RadComboBoxItem Text="Three" Value="Three" />

<telerik:RadComboBoxItem Text="Four" Value="Four" />

</Items>

</telerik:RadComboBox>

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

</telerik:RadTextBox>

<telerik:RadButton ID="radbtn" runat="server" Text="Save">

</telerik:RadButton>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:UpdatePanel ID="up1" runat="server">

<ContentTemplate>

<telerik:RadTabStrip ID="rdtabEmployee" runat="server" MultiPageID="rdmpPersonal"

UnSelectChildren="True" Skin="WebBlue" EnableEmbeddedSkins="False" ClickSelectedTab="True"

SelectedIndex="0" OnTabClick="tabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Personal" PageViewID="rdpgPersonal">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Contact" PageViewID="rdpgContact">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Salary" PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Bank" PageViewID="RadPageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Taxes" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Residence" PageViewID="rdpgResident">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Work" PageViewID="rdpgWork">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo1">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rdmpPersonal" runat="server">

<telerik:RadPageView ID="rdpgPersonal" runat="server" Selected="true">

<telerik:RadPanelBar runat="server" ID="rdpnlPersonal" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="550px">

<Items>

<telerik:RadPanelItem Expanded="true" Text="Employee Personal Information" runat="server"

Selected="true">

<Items>

<telerik:RadPanelItem Value="AccountInformation" runat="server">

<ItemTemplate>

<label>

Demop

</label>

<telerik:RadButton ID="rdbtnwhAnother" Text="Add WithHolding" runat="server" ButtonType="LinkButton"

OnClick="rdbtnwhAnother_Click">

</telerik:RadButton>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgContact" runat="server">

<label>

Demo Contact

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView1" runat="server">

<label>

Salary Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

<label>

Demo Bank

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgResident" runat="server">

<label>

Resident Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgWork" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView5" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView6" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView7" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

</telerik:RadMultiPage>

</ContentTemplate>

</asp:UpdatePanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Width="16px">

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rdbtnwhAnother">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rdmpPersonal">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rdtabEmployee" />

<telerik:AjaxUpdatedControl ControlID="rdmpPersonal" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rdtabEmployee">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rdtabEmployee" />

<telerik:AjaxUpdatedControl ControlID="rdmpPersonal" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</div>

</form>

</body>

</html>

This is my code

protected void tabClick(object sender, RadTabStripEventArgs e)

{

switch (e.Tab.Text)

{

case "Personal":

break;

}

if (e.Tab.Text == "Taxes")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 0;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgResident");

pv1.Selected = true;

}

if (e.Tab.Text == "Residence")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 0;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgResident");

pv1.Selected = true;

}

if (e.Tab.Text == "Work")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 1;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgWork");

pv1.Selected = true;

}

But on clicking the tab activating only one i.e If i select Tab 2 and then Tab3 tab3 is not getting selected can any one help

TabStrip

answered on 27 Jun 2012

2 answers

285 views

How to set todays date to radDateTime Picker like ajax calender extender

Hi i am using raddatetimepicker verson=2011.1.519.35 in asp.net i want to set todays date to it...
it is possible with ajaxcalender extender like

function clientShowing(sender, args) {

if (new Date($get("HiddenField1").value) != null) {

sender.set_todaysDate(new Date($get("HiddenField1").value));

}

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

<div>

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

</asp:ToolkitScriptManager>

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

<asp:calendarextender ID="CalendarExtender1" runat="server" Enabled="True" Format="dd/MM/yyyy"

TargetControlID="TextBox1" OnClientShowing="clientShowing"

PopupPosition="BottomLeft">

</asp:calendarextender>

<asp:HiddenField ID="HiddenField1" runat="server" />

</div>

</form>

it means whatever date in hiddenfield, i want to set it to raddatetimepicker as today date...
how to do it for asp.net...

Calendar

answered on 27 Jun 2012

3 answers

229 views

Default Color Palette?

I'm trying to create a PieSeries and bind to my data sources in code behind and I have to specify the color for each SeriesItem one by one. Otherwise, the chart is rendered without color. Is there any option for applying a default color from the palette for each SeriesItem automatically?

EDIT: Color can be automatically assigned now after specifying the skin name property. There was no color at the beginning because we have used a custom skin.

Another question is how can we put SeriesItem names into the PieSeries labels? i.e. I want to display "Name - Value" instead of just "Value" in the chart.

Chart (HTML5)

answered on 27 Jun 2012

1 answer

253 views

MaskedTextbox set value

Hi,
Can anyone tell me how to change the value of a masked textbox using javascript.
In the previous version I was using the SetValue(value) method but in the Q2 2012 version it doesn't work anymore.

Is there a list of all the new methods anywhere?

Thank you.

Input

answered on 27 Jun 2012

1 answer

110 views

RadUpload-Disable Upload Button

Hi I am a new one here and have a question about the radupload control.

I am using the RadUpload control and setting up the properties as following:
    maxfilesize=4MB
    IsPauseEnabled=false
    IsAutomaticUpload=true (we want to upload right after selecting a file)
    IsPauseEnabled=false (we do not want to users to pause the uploading)

When I upload a file successfully and select second one (bigger than the maxfilesize) to upload, I got the error message. At this point of time, there is a Upload button showing up. We only want the Cancel button at this time (please refer to the attachment).

Is there any way I can hide the Upload button?

Thanks.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 27 Jun 2012

1 answer

96 views

Data formatting

Hi all,

I need to format the data exporting from my grid to Excel. How can I accomplish this?

Thanks in advance.

Grid

answered on 27 Jun 2012

1 answer

50 views

Javascript Issues trying to convert RadGrid Client Edit with Batch Server Update Example to Master-Content page

I answered my own question with a little more searching!!

http://www.telerik.com/community/forums/aspnet-ajax/ajax/radajaxmanager-masterpages-and-ajaxrequestdelegate.aspx

General Discussions

answered on 27 Jun 2012

1 answer

38 views

searching

I am using rad combobox in my application for searching.

Whenever user type something in combobox it shows me related data.

I have used OnItemsRequested event for this.

I am having requirement that result drop down won’t show up until I type 3 charactors in combobox

I am using OnClientItemsRequesting event as follow to suppressed OnItemsRequested event.

function onItemsRequesting(sender, eventArgs) {

if (eventArgs.get_text().length < 3) {

sender.hideDropDown();

eventArgs.set_cancel(true);

}

else {

sender._loadingMessage = "Searching for " + eventArgs.get_text() + "...";

}

I am using telerik V2011.3.1115.40

Initially combo doesn’t contain any items. It is working fine first time but whenever I remove the characters & number of characters become to 2 & press another letter even then it shows me previous result for few seconds & then shows proper result. Is there any reason for this?

Can you please let me know how to remove all the items of the radcombobox in OnClientItemsRequesting event?

It might resolve the problem.

If you have any other resolution for this please let me know.

ComboBox

answered on 27 Jun 2012

5 answers

178 views

Grid Display Differences in IE 8 and 9 and Compatibility Mode

Hi!

I noticed some display differences for the grid. In In the compatibility mode of Internet Explorer versions #8 and 9, the scroll bar extends all the way to the far right, even though the grid doesn’t have enough data to extend that far. If I take it out of compatibility mode, in Internet Explorer version #9, the scroll bar starts out next to the grid, like it should, but, after a post-back or something, the columns get wide enough so that the grid fills the whole screen. That doesn’t happen in Internet Explorer version #8. We can’t ensure which browser version our clients use (other than saying that they should use Internet Explorer), so is there any way around this? Has anyone else noticed similar problems? Thanks!

Holly

Grid

answered on 27 Jun 2012

1 answer

57 views

Can some one tell where I went wrong in using radwindow

My design

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="radwindow1.aspx.cs" Inherits="radwindow1" %>

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

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

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

</telerik:RadScriptManager>

<div>

<telerik:RadWindow ID="rdwndw" runat="server" VisibleOnPageLoad="false">

<Shortcuts>

<telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />

</Shortcuts>

<ContentTemplate>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="sel1">

<Items>

<telerik:RadComboBoxItem Text="One" Value="One" />

<telerik:RadComboBoxItem Text="Two" Value="Two" />

<telerik:RadComboBoxItem Text="Three" Value="Three" />

<telerik:RadComboBoxItem Text="Four" Value="Four" />

</Items>

</telerik:RadComboBox>

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

</telerik:RadTextBox>

<telerik:RadButton ID="RadButton2" runat="server" Text="Save" OnClick="RadButton2_Click">

</telerik:RadButton>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadButton ID="rdbtnwhAnother" Text="Add WithHolding" runat="server" ButtonType="LinkButton"

OnClick="rdbtnwhAnother_Click">

</telerik:RadButton>

</div>

</form>

</body>

</html>

My code is as follows

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Reflection;

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

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

}

protected void rdbtnwhAnother_Click(object sender, EventArgs e)

{

rdwndw.VisibleOnPageLoad = true;

}

protected void RadButton2_Click(object sender, EventArgs e)

{

rdwndw.VisibleOnPageLoad = false;

}

protected void sel1(object sender, EventArgs e)

{

RadTextBox1.Text = RadComboBox1.SelectedItem.Text;

}

Unable to close the window

Window

answered on 27 Jun 2012