Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

We developed a form with different validation scenario's. By changing dropdowns the form the validators are extended.
This scenario is handled via the javascript OnValidation handler (see example below).

When i change the dropdown ddPaymentType after an error message the eventArgs are set correct.
The summary however keeps showing the old errormessage. The tbAccountHolder TextBox is still marked (red borders) as invalid.
The error message disappears when i enter the TextBox with my cursor.

How do i reset the TextBox, when the validation scenario changes?

Kind regards,
Dick van Straaten

function accountHolderValidation_Validate(sender, eventArgs) {

ResetValidator(sender, eventArgs);

var ddPaymentType = document.getElementById("<%= ddPaymentType.ClientID %>");

var tbAccountHolder = document.getElementById("<%= tbAccountHolder.ClientID %>");

if (ddPaymentType.value == "Collect" && (tbAccountHolder.value == "0123456789" || tbAccountHolder.value == "")) {

eventArgs._isValid = false;

eventArgs._cancel = true;

}

RegExpTextBoxSetting accountHolderValidation = CreateRegExpTextBoxSetting(@"(?:[0-9A-Za-z\-\. ]*)", new string[] { "tbAccountHolder" }, false, null);

accountHolderValidation.ClientEvents.OnValidating = "accountHolderValidation_Validate";

radInputManager.InputSettings.Add(accountHolderValidation);

Input

answered on 18 Apr 2012

1 answer

411 views

How to use the rowdatabound in grid

Hi,

I want to know how to use the OnRowDataBound Event in this telerik Grid Controls.

Thanks

General Discussions

answered on 18 Apr 2012

4 answers

235 views

Binding Radgrid data to Radfilter

Helo,
I´m rather new in using Radcontrols. I have a Radgrid with OnNeedDatasource binding beacuse it has parameters only available after the Grid is rendered. Until then the Grid is not visible. After binding the datasource it becames visible.
The Grid has filtering on all columns, all of them GridDataBound. Four of the columns have custom filtering with RadGrigDropDownEditor as defined in Telerik samples.
The four dropdowns are created on page_load if not postback with four diferent datasources. OnFilterCration implements them.
Everything is working fine but I have a litle problem: The DropDowns are showing all the items bound by the respective table loaded with the definition and what I need is to show only the items contained in the Grid datasource...
I´ve tried OnItemDatabound, wich seemed to be the point in the Grid lifecycle to bind the grid data to the dropdown, but I can´t get it.
For instance, I have a dataset bound to the grid with sales for two custumer types and when I open the dropdown to select the client type it shows all the client types defined in the aplication. I would like to show only those two types.
I enclose the meaning part of the code:
ASPX:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="FiltroClientes">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="FiltroClientes" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ApplyButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CliGrandeza" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CliGrandeza">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CliGrandeza" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="onRequestStart" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"

Skin="Default" />

<telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Move,Close,Resize" Title="Filtragem da informação:"

Modal="true" Width="500" Height="350">

<ContentTemplate>

<telerik:RadFilter runat="server" ID="FiltroClientes" FilterContainerID="CliGrandeza" ShowApplyButton="false"

OnFieldEditorCreating="FiltroClientes_FieldEditorCreating"

Style="margin: 10px 0 0 10px" >

</telerik:RadFilter>

<asp:Panel ID="FilterButtonPanel" runat="server" Style="margin: 10px 0 0 10px; font-size: medium">

<asp:LinkButton runat="server" ID="ApplyButton" OnClick="ApplyButton_Click" Text="Aplicar filtro"

OnClientClick="hideFilterBuilderDialog()" />

</asp:Panel>

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadGrid ID="CliGrandeza" runat="server" AutoGenerateColumns="False" PageSize="20"

CssClass="BaixaGrid" GridLines="None" AllowPaging="True" AllowSorting="True"

OnNeedDataSource="CliGrandeza_NeedDataSource" AllowFilteringByColumn="True" ShowGroupPanel="True"

EnableHeaderContextMenu="True" EnableLinqExpressions="False" OnPreRender="CliGrandeza_PreRender" OnItemDataBound="CliGrandeza_OnItemDataBound"

ShowFooter="True" CellSpacing="0" ShowStatusBar="True" Width="955px" OnItemCommand="CliGrandeza_ItemCommand">

<GroupingSettings CaseSensitive="false" ShowUnGroupButton="True" RetainGroupFootersVisibility="true" />

<MasterTableView DataKeyNames="NumCli" IsFilterItemExpanded="false" Width="100%" ShowGroupFooter="true"

CommandItemDisplay="Top" AllowMultiColumnSorting="True" AllowFilteringByColumn="true"

NoMasterRecordsText="Não há informação que corresponda à seleção pretendida" >

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column" />

</EditFormSettings>

<PagerStyle Mode="NextPrev" />

<HeaderStyle Font-Bold="true" />

<FooterStyle Font-Size="Smaller" Font-Italic="true" Font-Bold="true" />

<CommandItemSettings

ShowAddNewRecordButton="False"

ShowExportToCsvButton="True"

ShowExportToExcelButton="True"

ShowExportToPdfButton="False"

ShowExportToWordButton="True" >

</CommandItemSettings>

<RowIndicatorColumn

Visible="False">

</RowIndicatorColumn>

<ExpandCollapseColumn

Visible="True"

FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn HtmlEncode="true"

DataField="NumCli"

HeaderText="Cliente"

ReadOnly="True"

SortExpression="NumCli"

UniqueName="NumCli"

Aggregate="Count"

FooterText="Clientes: "

FilterControlAltText="Filter NumCli column">

<FooterStyle HorizontalAlign="Left" Width="90px" />

<HeaderStyle HorizontalAlign="Left" Width="90px" Wrap="False" />

<ItemStyle Font-Size="Smaller" Width="90px" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HtmlEncode="true"

DataField="Nome"

HeaderText="Nome"

ReadOnly="True"

SortExpression="Nome"

UniqueName="Nome"

DataFormatString="<nobr>{0}</nobr>"

FilterControlAltText="Filter Nome column">

<FooterStyle HorizontalAlign="Left" Width="470px" />

<HeaderStyle HorizontalAlign="Center" Width="470px" Wrap="False" />

<ItemStyle Font-Size="Smaller" Wrap="False"/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HtmlEncode="true"

DataField="Localidade"

HeaderText="Localidade"

ReadOnly="True"

SortExpression="Localidade"

UniqueName="Localidade"

DataFormatString="<nobr>{0}</nobr>"

FilterControlAltText="Filter Localidade column">

<FooterStyle HorizontalAlign="Left" Width="170px" />

<HeaderStyle HorizontalAlign="Center" Width="170px" Wrap="False" />

<ItemStyle Font-Size="Smaller" Wrap="False"/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HtmlEncode="true"

DataField="Tcliente"

HeaderText="Tipo Cliente"

ReadOnly="True"

UniqueName="Tcliente"

Visible="False">

</telerik:GridBoundColumn>

…..

<telerik:GridCalculatedColumn

Aggregate="Sum"

HeaderText="Ano-2"

UniqueName="TotalAnoPen"

DataType="System.Double"

DataFields="Facturas2, Creditos2"

Expression="ISNULL({0},0)+ISNULL({1},0)"

DataFormatString="<nobr>{0:c}</nobr>"

FooterText="Total Ano-2: "

SortExpression="TotalAnoPen">

<FooterStyle HorizontalAlign="Right" Width="85px" />

<HeaderStyle HorizontalAlign="Right" Width="85px" Wrap="False" />

<ItemStyle Font-Size="Smaller" HorizontalAlign="Right" Wrap="False"/>

</telerik:GridCalculatedColumn>

</Columns>

</MasterTableView>

<GroupingSettings CaseSensitive="False"

ShowUngroupButton="true" />

<ExportSettings FileName="Clientes" HideStructureColumns="true" ExportOnlyData="true"

IgnorePaging="True" OpenInNewWindow="true">

<Csv ColumnDelimiter="Tab" RowDelimiter="NewLine" FileExtension="TXT" EncloseDataWithQuotes="true" />

<Excel FileExtension="xls" Format="Html" />

</ExportSettings>

<ClientSettings

AllowColumnsReorder="True"

ReorderColumnsOnClient="True"

EnableRowHoverStyle="false"

AllowDragToGroup="True">

<Selecting AllowRowSelect="True"

CellSelectionMode="None"

EnableDragToSelectRows="False" />

<Scrolling AllowScroll="True"

UseStaticHeaders="True"

SaveScrollPosition="true"

ScrollHeight="500px" />

<Resizing

EnableRealTimeResize="True"

ResizeGridOnColumnResize="True"

AllowColumnResize="True"

AllowResizeToFit="True" />

<Animation AllowColumnReorderAnimation="True" />

</ClientSettings>

<FilterMenu EnableImageSprites="False" />

</telerik:RadGrid>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

<!--

function pageLoad()

{

var filter = $find("<%=FiltroClientes.ClientID %>");

var menu = filter.get_contextMenu();

menu.add_showing(FilterMenuShowing);

}

function FilterMenuShowing(sender, args)

{

var filter = $find("<%=FiltroClientes.ClientID %>");

var currentExpandedItem = sender.get_attributes()._data.ItemHierarchyIndex;

var fieldName = filter._expressionItems[currentExpandedItem];

var allFields = filter._dataFields;

if (fieldName == "Tcliente" || fieldName == "TDistrito" || fieldName == "TVolta" || fieldName == "TZona")

{

for (var i = 0, j = allFields.length; i < j; i++)

{

if (allFields[i].FieldName == fieldName)

{

sender.findItemByValue("StartsWith").set_visible(false);

sender.findItemByValue("EndsWith").set_visible(false);

sender.findItemByValue("GreaterThan").set_visible(false);

sender.findItemByValue("GreaterThanOrEqualTo").set_visible(false);

sender.findItemByValue("LessThan").set_visible(false);

sender.findItemByValue("LessThanOrEqualTo").set_visible(false);

sender.findItemByValue("Contains").set_visible(false);

sender.findItemByValue("DoesNotContain").set_visible(false);

sender.findItemByValue("Between").set_visible(false);

sender.findItemByValue("NotBetween").set_visible(false);

}

function openFilterBuilderDialog()

{

$find('<%=RadWindow1.ClientID %>').show();

}

function hideFilterBuilderDialog()

{

$find('<%=RadWindow1.ClientID %>').close();

}

function OnHeaderMenuItemClicked(sender, args)

{

if (args.get_item().get_value() == "FilterBuilder")

{

openFilterBuilderDialog();

}

function onPanelBarItemClicked(sender, args)

{

if (args.get_item().get_commandName() == "OpenRadFilter")

{

openFilterBuilderDialog();

}

function onRequestStart(sender, args)

{

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0)

{

args.set_enableAjax(false);

}

-->

</script>

C#:

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

{

DisPPweb.dal dados = new DisPPweb.dal();

DateTime dataFim = DateTime.Now;

DateTime dataIni = IniciaDatas();

protected void CliGrandeza_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

CliGrandeza.DataSource = dados.DSvendas3Anos(Session["Grupo"].ToString(), dataIni, dataFim);

}

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

DataIniBox.SelectedDate = dataIni;

DataFimBox.SelectedDate = dataFim;

ConfirmaDatasBtn.Enabled = true;

CliGrandeza.Visible = false;

RadToolBar1.Visible = false;

RadFilterDropDownEditor dropDownTipoCliente = new RadFilterDropDownEditor();

FiltroClientes.FieldEditors.Add(dropDownTipoCliente);

dropDownTipoCliente.FieldName = "Tcliente";

dropDownTipoCliente.DisplayName = "Tipo de cliente";

dropDownTipoCliente.DataTextField = "Tcliente";

dropDownTipoCliente.DataValueField = "Tcliente";

dropDownTipoCliente.DataSource = dados.GetDataTable("SELECT DISTINCT Texto AS Tcliente FROM dbo.TiposCliente").DefaultView.ToTable(true, "Tcliente");

RadFilterDropDownEditor dropDownDistrito = new RadFilterDropDownEditor();

FiltroClientes.FieldEditors.Add(dropDownDistrito);

dropDownDistrito.FieldName = "TDistrito";

dropDownDistrito.DisplayName = "Distrito";

dropDownDistrito.DataTextField = "TDistrito";

dropDownDistrito.DataValueField = "TDistrito";

dropDownDistrito.DataSource = dados.GetDataTable("SELECT DISTINCT Texto AS TDistrito FROM dbo.Distritos").DefaultView.ToTable(true, "TDistrito");

RadFilterDropDownEditor dropDownZona = new RadFilterDropDownEditor();

FiltroClientes.FieldEditors.Add(dropDownZona);

dropDownZona.FieldName = "TZona";

dropDownZona.DisplayName = "Zona";

dropDownZona.DataTextField = "TZona";

dropDownZona.DataValueField = "TZona";

dropDownZona.DataSource = dados.GetDataTable("SELECT DISTINCT Texto AS TZona FROM dbo.Zonas").DefaultView.ToTable(true, "TZona");

RadFilterDropDownEditor dropDownVolta = new RadFilterDropDownEditor();

FiltroClientes.FieldEditors.Add(dropDownVolta);

dropDownVolta.FieldName = "TVolta";

dropDownVolta.DisplayName = "Volta";

dropDownVolta.DataTextField = "TVolta";

dropDownVolta.DataValueField = "TVolta";

dropDownVolta.DataSource = dados.GetDataTable("SELECT DISTINCT Texto AS TVolta FROM dbo.Voltas").DefaultView.ToTable(true, "TVolta");

}

protected void FiltroClientes_FieldEditorCreating(object sender, RadFilterFieldEditorCreatingEventArgs e)

{

if (e.EditorType == "RadFilterDropDownEditor")

{

e.Editor = new RadFilterDropDownEditor();

}

protected void ApplyButton_Click(object sender, EventArgs e)

{

FiltroClientes.FireApplyCommand();

}

Filter

answered on 18 Apr 2012

2 answers

110 views

not able to set focus on treeview, when treeview is inside radpanelbar, specific to IE

I am not able to set focus on the treeview when the page loads when the treeview is inside a radpanelbar. Following is the code for the same. I am not sure where I might be going wrong. Can you please guide me through.

<script language="javascript" type="text/javascript">
function OnPanelBarClientLoad(sender, args) {
var panelBar = $find("<%= NavigationPanelBar.ClientID %>");
var panelItem = panelBar.findItemByText("Browse");
var treeView = panelItem.findControl("archiveTree");
treeView._element.focus();
}
</script>
<telerik:RadPanelBar TabIndex="1" OnClientLoad="OnPanelBarClientLoad" ID="NavigationPanelBar" Style="overflow: auto" runat="server"
AccessKey="P" ExpandMode="MultipleExpandedItems" Skin="Metro" EnableEmbeddedSkins="false">
<ExpandAnimation Duration="0" />
<CollapseAnimation Duration="0" />
<Items>
<telerik:RadPanelItem TabIndex="2" Expanded="true" Text="Browse">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div>
<telerik:RadTreeView ID="archiveTree" TabIndex="3" runat="server">
<Nodes>
<telerik:RadTreeNode Text="First">
<Nodes>
<telerik:RadTreeNode Text="First First" />
</Nodes>
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Expanded="true" TabIndex="4" Text="Browse">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div id="archivesPanel">
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>

TreeView

answered on 18 Apr 2012

4 answers

148 views

Custom Labels on chart

Hi,
I try set format label on percent type, but i dont hnow how.
DataSourse is in format
KEY VALUE
Jan Plecháč 2. pokus 0.65
Jan Plecháč 1. pokus 0.48

I need on image write 65% and don´t 0,65%

Thank you for respond and sorry for my english

Chart (Obsolete)

answered on 18 Apr 2012

1 answer

99 views

New column include a <asp:LinkButton> passing parameter

Hi all,

I want to create a new column include a <asp:LinkButton> and also I want to pass a parameter (Argument) .

Please let me know that how can I do that?

please email me on kassaiefarshad@yahoo.com

best regards,
Farshad

Grid

answered on 18 Apr 2012

1 answer

99 views

Treeview edit node issue in IE

Hello,

I am trying to add new sub node in treeview node from client-side and set that newly added node in edit mode, case is that the node is collapsed in which I want to add new node. For that I am 1st expand that collapsed node from client side and add new node in that expanded node from client side and set node in edit mode.

The issue i am facing is that other than IE browser all is working correctly, but in IE as it goes in edit mode, it does not remains in edit mode and it automatically leaves the edit mode. (tried in IE8, IE9).

Please can you guide me where I am going wrong?

The client side code I am using is as follows:

<asp:UpdatePanel ID="searchResultsUpdatePanel" runat="server" ChildrenAsTriggers="true"

RenderMode="Block" UpdateMode="Conditional">

<ContentTemplate>

<div>

<cc1:PRadTreeView ID="RadTreeView1" class="classCategoryTreeView" runat="server" OnNodeExpand="RadTreeView1_NodeExpand"

EnableDragAndDrop="True" OnNodeDrop="RadTreeView1_HandleDrop" EnableDragAndDropBetweenNodes="true"

OnNodeEdit="RadTreeView1_NodeEdit" CheckBoxes="True"

OnClientNodeEditStart="OnClientNodeEditStartHandler"

OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick" OnClientContextMenuItemClicking="onClientContextMenuItemClicking"

OnClientContextMenuShowing="onClientContextMenuShowing" OnClientNodeClicked="ClientNodeClicked" OnClientNodeEditing="ClientNodeEditing">

<ContextMenus>

<cc1:PRadTreeViewContextMenu ID="MainContextMenu" runat="server">

<Items>

<cc1:PRadMenuItem Value="New" Text="New">

</cc1:PRadMenuItem>

<cc1:PRadMenuItem Value="Rename" Text="Rename"

Enabled="false" PostBack="false">

</cc1:PRadMenuItem>

<cc1:PRadMenuItem Value="Delete" Text="Delete">

</cc1:PRadMenuItem>

</Items>

<CollapseAnimation Type="none" />

</cc1:PRadTreeViewContextMenu>

</ContextMenus>

</cc1:PRadTreeView>

</div>

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdateProgress ID="tagsUpdatePanelProgressControl" runat="server">

<ProgressTemplate>

</ProgressTemplate>

</asp:UpdateProgress>

function onClientContextMenuItemClicking(sender, args) {

try {

var menuItem = args.get_menuItem();

var treeNode = args.get_node();

menuItem.get_menu().hide();

var currTagID = treeNode.get_value();

switch (menuItem.get_value()) {

case "Rename":

break;

case "New":

args.set_cancel(true);

AddTempNode(false);

break;

case "Delete":

break;

}

} catch (e) {

alert(e.ToString());

}

function "AddTempNode" is called from onClientContextMenuItemClicking,

function AddTempNode(addToRoot) {

var projectID = document.getElementById('<%= hidProjectID.ClientID %>').value;

var treeView = $find("<%= RadTreeView1.ClientID %>");

var parentTagID = 0;

var node = null;

if (addToRoot) {

treeView.unselectAllNodes();

}

var nodes = treeView.get_selectedNodes();

if (nodes.length == 0) {

parentTagID = 0;

}

else {

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

node = nodes[i];

}

parentTagID = node.get_value();

}

treeView.trackChanges();

if (node != null) {

node.expand();

}

treeView.commitChanges();

var newTagID = 0;

var newNode = CreateNewNode(projectID, newTagID, ' ', parentTagID);

if (addToRoot) {

newNode.set_cssClass("categoryControl_Root_Node");

}

AddNewlyCreatedNode(newNode, treeView);

newNode.startEdit();

return false;

}

function AddNewlyCreatedNode(node, treeView) {

treeView.trackChanges();

var nodes = treeView.get_selectedNodes();

if (nodes.length == 0) {

treeView.get_nodes().add(node);

}

else {

treeView.get_selectedNodes()[0].get_nodes().add(node);

}

treeView.commitChanges();

}

TreeView

answered on 18 Apr 2012

1 answer

148 views

Telerik References

Hey there,
i've using telerik only in code behind.
So i thought i could set the reference to Telerik.Web.Ui to CopyLocal = false

I have customized my own RadGrid with Telerik.
I also have a property with name columns and i get still the following error if i use my library for another project.

Parserfehler

Beschreibung: Fehler beim Verarbeiten einer Resource, die für diese Anforderung erforderlich ist. Überprüfen Sie folgende Fehlerinformationen und ändern Sie die Quelldatei entsprechend.

Parserfehlermeldung: Die Datei oder Assembly "Telerik.Web.UI, Version=2012.1.215.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" oder eine Abhängigkeit davon wurde nicht gefunden. Das System kann die angegebene Datei nicht finden.

Is it possible to set Telerik to CopyLocal = false or is there a programmatically restriction?

I also looked for all references in the library, but i didn't found some other usage of telerik.

Thanks,
Miriam

General Discussions

answered on 18 Apr 2012

4 answers

141 views

Text in combobox truncated

Text in combobox is truncated when we using IE8.
This problem happened since 2012.1 version until now.
I really wish to upgrade the telerik version to the latest version, but the IE8 compatibility is really poor.

ComboBox

answered on 18 Apr 2012

2 answers

125 views

Messed up RadNumericTextbox Display?

I am trying to set the text color of a Read-Only NumericTexbox - in the code below.

With my first CSS Class, the font color is not assigned. When I add "!important" in the second one, I end up seeing strange additional text that should not be visible.

Am I doing this wrong or is this a bug?

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Numeric_Bug.aspx.vb" Inherits="Elan.Web.Numeric_Bug" %>

<!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 id="Head1" runat="server">

<title></title>

<style type="text/css">

.disabledNumericTextbox

{

color: Red;

}

.disabledNumericTextboxBroken

{

color: Red !important;

}

</style>

</head>

<body>

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

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

<div style="padding: 50px; border: 1px solid #ccc">

<telerik:RadNumericTextBox runat="server" ID="RadNumericTextBox3" ReadOnly="true"

ReadOnlyStyle-CssClass="disabledNumericTextbox" NumberFormat-DecimalDigits="2"

Value="80000.85" Width="110" ReadOnlyStyle-HorizontalAlign="Right" />

<telerik:RadNumericTextBox runat="server" ID="RadNumericTextBox4" ReadOnly="true"

Value="80000.85" ReadOnlyStyle-CssClass="disabledNumericTextboxBroken" NumberFormat-DecimalDigits="2"

Width="110" ReadOnlyStyle-HorizontalAlign="Right" />

</div>

<telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false"

ReloadOnShow="true" runat="server" EnableShadow="true" />

</form>

</body>

</html>

Input

answered on 18 Apr 2012