Questions on UI for ASP.NET AJAX Forum

110,704 questions

3 answers

229 views

Same style for Empty message string of all controls

Hello,

I am using TextBox and ComboBox controls.

But i have observed the Empty text for both the controls looks different.

How to set the same style for both the controls ?

Also, How to reset and show Empty message string in the combobox ? Its urgent.

For example:
A textbox have "EmptyMessageStyle-Font-Bold" property but combobox dont have it.

ComboBox

answered on 04 May 2011

8 answers

231 views

RadScheduler Erro message

I was evaluating the RadScheduler control using the Solution example that is provide it by the installer, and i found a error during the navigation of days or months or even creating a new appointment
"Sys.WebForm.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when httpmodules or server is trace is enabled.Details:Error parsing Telerik.web.ui.2007".

i appreciate if someone help me to solve this

Regards

General Discussions

answered on 04 May 2011

1 answer

161 views

css formating when ajaxmanager set to control

I am having a problem when the ajaxmanger is set to my panel control my css formating gets messed up.
I have set UpdatePanelsRenderMode=inline but that does help.

You can see this in action at http://simplyfundraising.ageektech.com/
username test123
pass test#123

Click on the Campaigns menu button and you will see the grid flash to the right of the tree menu then
move down to the bottom and partial css is lost. The treeview losses css and the grid should be to the
right of the treeview. If I remove all controls from the ajaxmanager the

Public Class Main

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

'Load default control

If Not IsPostBack Then

LoadUserControl("~/webapplication/member/DashBoard.ascx")

End If

End Sub

Protected Sub RadMenu1_ItemClick(sender As Object, e As Telerik.Web.UI.RadMenuEventArgs) Handles RadMenu1.ItemClick

Me.Panel1.Controls.Clear()

If e.Item.Text = "Campaigns" Then

LoadUserControl("~/webapplication/admin/CampaignList.ascx")

ElseIf e.Item.Text = "Contributors" Then

LoadUserControl("~/webapplication/member/ContributorList.ascx")

ElseIf e.Item.Text = "Employees" Then

LoadUserControl("~/webapplication/admin/EmployeeList.ascx")

ElseIf e.Item.Text = "Events" Then

LoadUserControl("~/webapplication/member/EventList.ascx")

ElseIf e.Item.Text = "Tasks" Then

LoadUserControl("~/webapplication/member/TaskList.ascx")

ElseIf e.Item.Text = "Donations" Then

LoadUserControl("~/webapplication/member/DontationList.ascx")

End If

End Sub

Public Sub LoadUserControl(ByVal controlName As String)

Dim userControl As UserControl = CType(Me.LoadControl(controlName), UserControl)

Me.Panel1.Controls.Add(userControl)

End Sub

End Class

css layout renders correctly. Panel1 is my target control
I am using loadcontrol on Panel1 to load ascx RadGrid controls

Thank you.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Main.aspx.vb" Inherits="SimplyFundraisingWeb2.Main" %>

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

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

</head>

<body>

<form id="form2" 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>

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

<script src="<%=ResolveClientUrl("~/webapplication/js/utils.js")%>" type="text/javascript"></script>

<script src="<%=ResolveClientUrl("~/webapplication/js/script.js")%>" type="text/javascript"></script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadComboBox1">

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMenu1" >

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadTreeView1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div id="art-main">

<div class="art-header">

<div class="art-header-clip">

<div class="art-header-center">

<div class="art-header-png">

</div>

<div class="art-header-jpeg">

</div>

<div class="art-header-wrapper">

<div class="logininfo">

<asp:Label ID="lbltoday" runat="server" Text="Label"></asp:Label>

| Howdy,

<asp:LoginName ID="LoginName1" runat="server" />

|

<asp:LoginStatus Style="color: orange" ID="LoginStatus1" runat="server" />

|

<asp:HyperLink Style="color: orange" ID="lnkTotalRegisteredUsers" NavigateUrl="~/admin/users-a-z.aspx?az=%"

runat="server" ToolTip="The total number of registered users">

Registered:<asp:Label Style="color: orange" runat="server" ID="lblTotalUsers" />

</asp:HyperLink> | <asp:HyperLink Style="color: orange" ID="lnkTotalUsersOnline" NavigateUrl="~/admin/online-users.aspx"

runat="server" ToolTip="The number of users currently visiting the site">

Online:<asp:Label runat="server" ID="lblOnlineUsers" />

</asp:HyperLink> | <asp:HyperLink Style="color: yellow" ID="lnkUserAdministration" NavigateUrl="~/admin/default.aspx"

runat="server" ToolTip="User Administration page">

User Administration<asp:Label runat="server" ID="Label1" />

</asp:HyperLink></div><div class="art-header-inner">

<div class="art-headerobject">

</div>

<div class="art-logo">

<h1 class="art-logo-name">

<a href="DashBoard.aspx"><a href="DashBoard.aspx"> Simply Fundrasing</a></h1><h2 class="art-logo-text">

Helping you meet your goal</h2></div></div></div></div><div class="cleared reset-box">

</div>

<div class="art-nav">

<div class="art-nav-l">

</div>

<div class="art-nav-r">

</div>

<div class="art-nav-outer">

<div class="campaign">

<telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="dsCampaigns"

DataTextField="Name" DataValueField="ID">

</telerik:RadComboBox>

Choose Campaign: </div><div class="art-nav-wrapper">

<div class="art-nav-inner">

<telerik:RadMenu ID="RadMenu1" runat="server" Style="top: 8px; left: 20px">

<Items>

<telerik:RadMenuItem runat="server" Text="Campaigns">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Contributors">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Donations">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Employees">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Events">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Tasks">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div class="cleared reset-box">

</div>

<div class="art-sheet">

<div class="art-sheet-tl">

</div>

<div class="art-sheet-tr">

</div>

<div class="art-sheet-bl">

</div>

<div class="art-sheet-br">

</div>

<div class="art-sheet-tc">

</div>

<div class="art-sheet-bc">

</div>

<div class="art-sheet-cl">

</div>

<div class="art-sheet-cr">

</div>

<div class="art-sheet-cc">

</div>

<div class="art-sheet-body">

<div class="art-content-layout">

<div class="art-content-layout-row">

<div class="art-layout-cell art-sidebar1">

<div class="art-block">

<div class="art-block-body">

<div class="art-blockheader">

<div class="l">

</div>

<div class="r">

</div>

<h3 class="t">

Dashboard Menu </h3></div><div class="art-blockcontent">

<div class="art-blockcontent-tl">

</div>

<div class="art-blockcontent-tr">

</div>

<div class="art-blockcontent-bl">

</div>

<div class="art-blockcontent-br">

</div>

<div class="art-blockcontent-tc">

</div>

<div class="art-blockcontent-bc">

</div>

<div class="art-blockcontent-cl">

</div>

<div class="art-blockcontent-cr">

</div>

<div class="art-blockcontent-cc">

</div>

<div class="art-blockcontent-body">

<telerik:RadTreeView ID="RadTreeView1" runat="server" ShowLineImages="false" ExpandDelay="0"

OnClientNodeClicking="onNodeClicking">

<Nodes>

<telerik:RadTreeNode runat="server" Text="My Dashboard" NavigateUrl="DashBoard.aspx">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Assigned Calls">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Pending Tasks">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="UnPaid Pledges">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Upcoming Events">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

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

<Nodes>

<telerik:RadTreeNode runat="server" Text="Add Contributor">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Add Donation">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Add Task">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Add Event">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

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

<Nodes>

<telerik:RadTreeNode runat="server" Text="Add Campaign">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Add Employee">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="View Campaigns">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="View Employees">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

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

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="art-layout-cell art-content">

<asp:Panel ID="Panel1" runat="server">

</asp:Panel>

<div class="art-post">

<div class="art-post-body">

<div class="art-post-inner art-article">

<div class="art-postcontent">

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="art-footer">

<div class="art-footer-t">

</div>

<div class="art-footer-l">

</div>

<div class="art-footer-b">

</div>

<div class="art-footer-r">

</div>

<div class="art-footer-body">

<div class="art-footer-text">

<p>

<a href="#">

Link1ooter-r">t-footer-r">

</div>

<div class="art-footer-body">

<div class="art-footer-text">

<p>

<a href="#">

Link1ooter-r"></div>

<div class="art-footer-body">

<div class="art-footer-text">

<p>

<a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p>

<p>

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<div class="cleared">

</div>

<p class="art-page-footer">

<a href="http://www.artisteer.com/?p=website_templates">Website Template</a> created

with Artisteer.</p>

</div>

<asp:SqlDataSource ID="dsCampaigns" runat="server" ConnectionString="<%$ ConnectionStrings:CharitableContributionsConnectionString %>"

SelectCommand="SELECT [Name], [ID] FROM [Campaigns]"></asp:SqlDataSource>

</form>

</body>

</html

>




/* begin Page */
/* Created by Artisteer v3.0.0.38499 */
 
#art-main, table
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: justify;
}
 
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}
 
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
 
.art-postcontent p
{
    margin: 12px 0;
}
 
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-decoration: none;
}
 
.art-postcontent a
{
  text-decoration: underline;
  color: #295C89;
}
 
.art-postcontent a:link
{
  text-decoration: underline;
  color: #295C89;
}
 
.art-postcontent a:visited, .art-postcontent a.visited
{
  text-decoration: none;
  color: #A79E44;
}
 
.art-postcontent  a:hover, .art-postcontent a.hover
{
  text-decoration: none;
  color: #F6AA7E;
}
 
.art-postcontent h1
{
   color: #7F7834;
margin: 0px 0;    
}
 
.art-blockcontent h1
{
margin: 0px 0; 
}
 
.art-postcontent h2
{
   color: #7F7834;
margin: 0px 0;
   font-size: 28px;    
}
 
.art-blockcontent h2
{
margin: 0px 0;
   font-size: 28px; 
}
 
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 
{
   font-size: 28px; 
}
 
.art-postcontent h3
{
   color: #A79E44;
margin: 0px 0;
   font-size: 18px;    
}
 
.art-blockcontent h3
{
margin: 18px 0;
   font-size: 18px; 
}
 
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 18px; 
}
 
.art-postcontent h4
{
   color: #3A3718;
margin: 0px 0;
   font-size: 16px;    
}
 
.art-blockcontent h4
{
margin: 0px 0;
   font-size: 16px; 
}
 
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px; 
}
 
.art-postcontent h5
{
   color: #3A3718;
margin: 0px 0;
   font-size: 14px;    
}
 
.art-blockcontent h5
{
margin: 23px 0;
   font-size: 14px; 
}
 
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px; 
}
 
.art-postcontent h6
{
   color: #534F22;
margin: 0px 0;
   font-size: 12px;    
}
 
.art-blockcontent h6
{
margin: 28px 0;
   font-size: 12px; 
}
 
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 12px; 
}
 
ul
{
  list-style-type: none;
}
 
ol
{
  list-style-position: inside;
}
 
html 
{
    height:100%;
}
 
#art-main
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}
 
body
{
  padding: 0; 
  margin:0;
  color: #3A3718;
  height:100%;
  min-height:100%;
  background-color: #FDFEFF;
  background-image: url('../../webapplication/images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
  min-width: 1000px;
}
 
.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}
 
.reset-box
{
  overflow:hidden;
  display:table; 
}
 
form
{
  padding: 0 !important;
  margin: 0 !important;
}
 
table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */
 
/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: -1;
  width:1000px;
  height: 130px;
  margin-top: 0;
  margin-bottom: -5px;
}
 
div.art-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:130px;
}
 
.art-header-wrapper 
{
    position: relative;
    width:1000px;
    margin:0 auto;
}
.art-header-inner 
{
    margin: 0 8px;
}
 
div.art-header-center
{
    position: relative;
    width: 1000px;
    left:50%;
}
 
div.art-header-png
{
  position: absolute;
  left:-50%;
  top: 0;
  width: 1000px;
  height: 130px;
  background-image: url('../../webapplication/images/header.png');
  background-repeat: no-repeat;
  background-position:center center; 
}
 
div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1000px;
  height: 130px;
  background-image: url('../../webapplication/images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */
 
/* begin HeaderObject */
div.art-headerobject
{
  display: block;
  left: 100%;
  margin-left: -210px;
  position: absolute;
  top: 0;
  width: 205px;
  height: 130px;
  background-image: url('../../webapplication/images/header-object.png');
}
/* end HeaderObject */
 
/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: 0;
}
 
h1.art-logo-name
{
  display: block;
  text-align: left;
  font-variant: small-caps;
  font-size: 35px;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
h1.art-logo-name a, 
h1.art-logo-name a:link, 
h1.art-logo-name a:visited, 
h1.art-logo-name a:hover
{
  font-variant: small-caps;
  font-size: 35px;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
 
h2.art-logo-text
{
  display: block;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
 
#headline, #slogan 
{
    display: block;
    min-width: 150px;
    text-align: left;
}
/* end Logo */
 
/* begin Menu */
/* menu structure */
 
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}
 
.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
 
.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}
 
.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}
 
.art-hmenu li li
{
  float: none;
}
 
.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('../../webapplication/images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}
 
.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}
 
.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}
 
.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 9px 13px 9px 13px;
}
 
.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}
 
/* menu structure */
 
.art-nav
{
  position: relative;
  width:1000px;
  margin:0 auto;
  min-height: 47px;
  z-index: 100;
    margin-top: 5px;
    margin-bottom: -5px;
}
 
.art-nav-outer
{
    position:absolute;
    width:100%;
}
 
.art-nav-wrapper 
{
    position: relative;
    width:1000px;
    margin:0 auto;
        top: 8px;
        left: -5px;
}
.art-nav-inner 
{
    margin: 0 0px;
 
}
 
.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('../../webapplication/images/nav.png');
}
 
.art-nav-l
{
  left: 0;
  right: 23px;
}
 
.art-nav-r
{
  right: 0;
  width: 1000px;
  clip: rect(auto, auto, auto, 977px);
}
 
/* end Menu */
 
/* begin MenuItem */
.art-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 29px;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
 
.art-hmenu ul li
{
    margin:0;
    clear: both;
}
 
.art-hmenu a .r, .art-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 97px;
  background-image: url('../../webapplication/images/menuitem.png');
}
 
.art-hmenu a .l
{
  left: 0;
  right: 4px;
}
 
.art-hmenu a .r
{
  width: 408px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}
 
.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  font-weight: bold;
  font-size: 11px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
 
.art-hmenu a .t
{
  color: #16324B;
  padding: 0 14px;
  margin: 0 4px;
  line-height: 29px;
  text-align: center;
}
 
.art-hmenu a:hover .l, .art-hmenu a:hover .r
{
  top: -34px;
}
 
.art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
{
  top: -34px;
}
 
.art-hmenu li:hover a .l, .art-hmenu li:hover a .r
{
  top: -34px;
}
.art-hmenu a:hover .t
{
  color: #282610;
}
 
.art-hmenu li:hover a .t
{
  color: #282610;
}
 
.art-hmenu li:hover>a .t
{
  color: #282610;
}
 
/* end MenuItem */
 
/* begin MenuSeparator */
.art-hmenu .art-hmenu-li-separator
{
  display: block;
  width: 5px;
  height:29px;
}
.art-nav .art-hmenu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 29px;
  background-image: url('../../webapplication/images/menuseparator.png');
}
/* end MenuSeparator */
 
/* begin MenuSubItem */
.art-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url('../../webapplication/images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #D0CA8B;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #16324B;
  margin:0;
  padding:0;
}
 
.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}
 
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #16324B;
  margin:0;
  padding:0;
}
 
.art-hmenu ul li a:hover
{
  color: #121107;
  border-color: #D0CA8B;
  background-position: 0 -26px;
}
 
.art-hmenu ul li:hover>a
{
  color: #121107;
  border-color: #D0CA8B;
  background-position: 0 -26px;
}
 
.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
  color: #121107;
}
 
.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
  color: #121107;
}
 
/* end MenuSubItem */
 
/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 61px;
  min-height: 61px;
  margin-top: 5px;
  margin-bottom: -5px;
  cursor:auto;
  width: 1000px;
}
 
.art-sheet-body
{
  position: relative;
  padding: 8px;
    padding-top:8px;
    padding-bottom:8px;
}
 
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}
 
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 80px;
  height: 80px;
  background-image: url('../../webapplication/images/sheet_s.png');
}
 
.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 40px, 40px, auto);
}
 
.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 40px, 40px);
}
 
.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(40px, 40px, auto, auto);
}
 
.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(40px, auto, auto, 40px);
}
 
.art-sheet-tc, .art-sheet-bc
{
  left: 40px;
  right: 40px;
  height: 80px;
  background-image: url('../../webapplication/images/sheet_h.png');
}
 
.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 40px, auto);
}
 
.art-sheet-bc
{
  bottom: 0;
  clip: rect(40px, auto, auto, auto);
}
 
.art-sheet-cr, .art-sheet-cl
{
  top: 40px;
  bottom: 40px;
  width: 80px;
  background-image: url('../../webapplication/images/sheet_v.png');
}
 
.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 40px);
}
 
.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 40px, auto, auto);
}
 
.art-sheet-cc
{
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background-color: #FFFFFF;
}
 
#art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare
{
  min-width: 1000px;
}
 
/* end Box, Sheet */
 
/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}
 
.art-content-layout .art-content-layout{width: auto;margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */
 
/* begin Box, Block */
.art-block
{
  position: relative;
  top: 10px;
  margin: 0;
}
 
.art-block-body
{
  position: relative;
  padding: 0;
}
 
div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #C4BD6E;
  border-style: solid;
  margin: 10px;
}
 
/* end Box, Block */
 
/* begin BlockHeader */
.art-blockheader
{
  margin-bottom: 0;
  position: relative;
  height: 25px;
}
 
.art-blockheader h3.t
{
  position: relative;
  height: 25px;
  color: #102537;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-variant: small-caps;
  font-size: 13px;
  margin:0;
  padding: 0px 0px 0 40px;
  white-space: nowrap;
  line-height: 25px;
}
 
.art-blockheader h3.t a,
.art-blockheader h3.t a:link,
.art-blockheader h3.t a:visited, 
.art-blockheader h3.t a:hover
{
  color: #102537;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-variant: small-caps;
  font-size: 13px;
}
 
.art-blockheader .l, .art-blockheader .r
{
  position: absolute;
  height: 25px;
  background-image: url('../../webapplication/images/blockheader.png');
}
 
.art-blockheader .l
{
  left: 0;
  right: 25px;
}
 
.art-blockheader .r
{
  width: 984px;
  right: 0;
  clip: rect(auto, auto, auto, 959px);
}
 
/* end BlockHeader */
 
/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 23px;
  min-height: 23px;
}
 
.art-blockcontent-body
{
  position: relative;
  padding: 9px;
  color: #3A3718;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}
 
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl
{
  position: absolute;
}
 
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl
{
  width: 22px;
  height: 22px;
  background-image: url('../../webapplication/images/blockcontent_s.png');
}
 
.art-blockcontent-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 11px, 11px, auto);
}
 
.art-blockcontent-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 11px, 11px);
}
 
.art-blockcontent-bl
{
  bottom: 0;
  left: 0;
  clip: rect(11px, 11px, auto, auto);
}
 
.art-blockcontent-br
{
  bottom: 0;
  right: 0;
  clip: rect(11px, auto, auto, 11px);
}
 
.art-blockcontent-tc, .art-blockcontent-bc
{
  left: 11px;
  right: 11px;
  height: 22px;
  background-image: url('../../webapplication/images/blockcontent_h.png');
}
 
.art-blockcontent-tc
{
  top: 0;
  clip: rect(auto, auto, 11px, auto);
}
 
.art-blockcontent-bc
{
  bottom: 0;
  clip: rect(11px, auto, auto, auto);
}
 
.art-blockcontent-cr, .art-blockcontent-cl
{
  top: 11px;
  bottom: 11px;
  width: 22px;
  background-image: url('../../webapplication/images/blockcontent_v.png');
}
 
.art-blockcontent-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 11px);
}
 
.art-blockcontent-cl
{
  left: 0;
  clip: rect(auto, 11px, auto, auto);
}
 
.art-blockcontent-cc
{
  position: absolute;
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
  background-image: url('../../webapplication/images/blockcontent_c.png');
}
 
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
  color: #3A3718;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}
 
.art-blockcontent-body p
{
  margin: 6px 0;
}
 
.art-blockcontent-body a, .art-blockcontent-body a:link
{
  color: #367AB5;
  text-decoration: none;
}
 
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #C1B967;
  text-decoration: none;
}
 
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #5A98CE;
  text-decoration: underline;
}
 
.art-blockcontent-body ul li
{
  line-height: 125%;    
  color: #1D1C0C;
  padding: 0 0 0 13px;
  background-image: url('../../webapplication/images/blockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */
 
/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #282610 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 29px;
  height: 29px;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: visible;
  cursor: pointer;
}
 
.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}
 
.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}
 
.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}
 
input, select, textarea
{
  vertical-align: middle;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
}
 
.art-block select 
{
    width:96%;
}
 
.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #FBD9C6 !important;
  text-decoration: none !important;
}
 
.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #E9E6C9 !important;
}
 
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 97px;
  margin: 0;
  padding: 0;
  background-image: url('../../webapplication/images/button.png');
}
 
.art-button-wrapper .art-button-l
{
  left: 0;
  right: 5px;
}
 
.art-button-wrapper .art-button-r
{
  width: 403px;
  right: 0;
  clip: rect(auto, auto, auto, 398px);
}
 
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -34px;
}
 
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -68px;
}
 
.art-button-wrapper input
{
  float: none !important;
}
/* end Button */
 
/* begin Box, Post */
.art-post
{
  position: relative;
  margin: 5px;
}
 
.art-post-body
{
  position: relative;
  padding: 0px;
}
 
a img
{
  border: 0;
}
 
.art-article img, img.art-article, .art-block img, .art-footer img
{
  border: solid 1px #C4BD6E;
  margin: 5px;
}
 
.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}
 
.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}
 
.art-article th, .art-article td
{
  padding: 2px;
  border: solid 1px #C4BD6E;
  vertical-align: top;
  text-align: left;
}
 
.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}
 
pre
{
  overflow: auto;
  padding: 0.1em;
}
 
/* end Box, Post */
 
/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #5B5625;
  margin: 6px 0;
  font-size: 28px;
  text-align: center;
}
 
h2.art-postheader a, 
h2.art-postheader a:link, 
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-size: 28px;
  text-align: center;
}
 
h2.art-postheader a, h2.art-postheader a:link
{
  text-align: left;
  text-decoration: none;
  color: #6EA4D4;
}
 
h2.art-postheader a:visited, h2.art-postheader a.visited
{
  color: #B5AC4A;
}
 
h2.art-postheader a:hover,  h2.art-postheader a.hovered
{
  color: #5A98CE;
}
 
/* end PostHeaderIcon */
 
/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  color: #777231;
}
 
.art-postheadericons
{
  padding: 1px;
}
 
.art-postheadericons a, .art-postheadericons a:link
{
  font-style: italic;
  text-decoration: none;
  color: #282610;
}
 
.art-postheadericons a:visited, .art-postheadericons a.visited
{
  color: #7F7834;
}
 
.art-postheadericons a:hover, .art-postheadericons a.hover
{
  text-decoration: underline;
  color: #5A98CE;
}
/* end PostIcons, PostHeaderIcons */
 
/* begin PostContent */
.art-postcontent
{
  display:inline;
}
/* end PostContent */
 
/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}
 
.art-post li
{
  font-size: 12px;
  color: #5B5625;
  padding: 0 0 0 14px;
}
 
.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}
 
.art-post ol>li
{
  background: none;
  padding-left: 0;
  /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}
 
.art-post ul>li
{
  background-image: url('../../webapplication/images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 14px;
  /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
  overflow-y: hidden;
}
 
/* end PostBullets */
 
/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #180A02;
}
 
.art-postcontent blockquote p
{
   margin: 0px 0 0px 0px;
}
 
.art-postcontent blockquote
{
   border: solid 1px #D0CA8B;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  background-color: #DCD7A8;
  background-image: url('../../webapplication/images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;
  /* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
  clear:both;
}
 
/* end PostQuote */
 
/* begin PostMetadata, PostMetadataFooter */
.art-postmetadatafooter
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../../webapplication/images/postmetadatafooter_bg.png');
  border-color: #D0CA8B;
  border-style: solid;
  border-width: 0;
}
/* end PostMetadata, PostMetadataFooter */
 
/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  color: #777231;
}
 
.art-postfootericons
{
  padding: 1px;
}
 
.art-postfootericons a, .art-postfootericons a:link
{
  font-style: italic;
  text-decoration: none;
  color: #24220F;
}
 
.art-postfootericons a:visited, .art-postfootericons a.visited
{
  color: #6D672C;
}
 
.art-postfootericons a:hover, .art-postfootericons a.hover
{
  text-decoration: underline;
  color: #3B84C4;
}
/* end PostIcons, PostFooterIcons */
 
/* begin Footer */
.art-footer
{
  position: relative;
  margin-top:0;
  margin-bottom:0;
  width: 100%;
}
 
.art-footer-b 
{
  position: absolute;
  left:17px;
  right:17px;
  bottom:0;
  height:50px;
  background-image: url('../../webapplication/images/footer_b.png');
}
 
.art-footer-r, .art-footer-l
{
  position: absolute;
  height:50px;
  background-image: url('../../webapplication/images/footer_s.png');
  bottom: 0;
}
 
.art-footer-l
{
  left: 0;
  width:17px;
}
 
.art-footer-r
{
  right: 0;
  width:34px;
  clip: rect(auto, auto, auto, 17px);
}
 
.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #A5C6E4;
}
 
.art-footer-body
{
    position:relative;
    padding: 10px;
}
 
.art-footer-text p
{
  padding:0;
  margin:0;
  text-align: center;
}
 
.art-footer-text,
.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td, 
.art-footer-text th,
.art-footer-text caption
{
    color: #000000;
    font-size: 11px;
}
 
.art-footer-text
{
  min-height: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
 
.art-footer-text a,
.art-footer-text a:link
{
  color: #234F76;
  text-decoration: none;
}
 
.art-footer-text a:visited
{
  color: #918A3B;
}
 
.art-footer-text a:hover
{
  color: #EE6211;
  text-decoration: underline;
}
 
div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #C4BD6E;
  border-style: solid;
  margin: 7px;
}/* end Footer */
 
/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #468BC8;
}
 
.art-page-footer
{
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #3B84C4;
}
/* end PageFooter */
 
/* begin LayoutCell, sidebar1 */
 
.art-content-layout .art-sidebar1
{
  width: 200px;
}
 
/* end LayoutCell, sidebar1 */
 
/* begin LayoutCell, content */
 
/* end LayoutCell, content */
 
.campaign
{
  position: absolute;
 bottom: -14px;
  left: 460px;
}
 
.logininfo
{
    position:absolute;
    right:200px;
}
 
.dashboard-cell
{
   width:50%;
}
.dashboard-table
{
   width:100%;
}
 
.test
{
    position:relative;
    bottom: 200px;
    left: 50px;
      
}

Ajax

answered on 04 May 2011

4 answers

668 views

Loading Panel on a RadWindow...

I have a page that opens up a small RadWindow. When the person clicks "Save" inside the radWindow, I would like the Ajax Loading Panel to cover the RadWindow until it is done saving. The Rad Window is modal. I set it up in the Ajax Settings, but it doesn't work. Furthermore, when I go back to look at my Ajax settings, they have not been retained. Can I use the RadWindow and loading panel in this fashion?

thanks

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

<BR>

Skin="WebBlue"><BR>

</telerik:RadAjaxLoadingPanel><BR>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1"

runat="server"><BR>

<AjaxSettings><BR>

<telerik:AjaxSetting

AjaxControlID="panelSearchResultsAndDetails"><BR>

<UpdatedControls><BR>

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

<BR>

LoadingPanelID="RadAjaxLoadingPanel1"

/><BR>

</UpdatedControls><BR>

</telerik:AjaxSetting><BR>

<telerik:AjaxSetting

AjaxControlID="radSearchPanel"><BR>

<UpdatedControls><BR>

<telerik:AjaxUpdatedControl ControlID="RadPanelBar1"

<BR>

LoadingPanelID="RadAjaxLoadingPanel1"

/><BR>

</UpdatedControls><BR>

</telerik:AjaxSetting><BR>

</AjaxSettings><BR> </telerik:RadAjaxManagerProxy>

See attached jpg for Designer settings...

Window

answered on 04 May 2011

1 answer

119 views

RadDatePicker - Localization fr-LU - popup in french

Hi,

I have localization set to fr-LU. The purpose is to display the dates using the European format. However, I want to keep everything in English. So, when the control's calendar pops up, it has french names for the months, days, etc. Is there a way to force control to use my localization settings for displaying the date format, but to force it to use English language only?

Thank you.

Calendar

answered on 04 May 2011

3 answers

115 views

Display invalid message in radtextbox ?

Hello !

I would like to know how to display an invalid message in a radtextbox when values are not what we expected.

i got a synergieTextbox that herites from a radtextbox and overload the load method:

protected override void OnLoad(System.EventArgs e)

{

base.OnLoad(e);

this.InvalidStyle.BackColor = Color.Yellow;

this.ClientEvents.OnLoad = "fnOnUpdateValidators";

this.ClientEvents.OnValueChanged = "fnOnUpdateValidators";

}

i got my textbox here :

<syn:SynergieTextBox CausesValidation="true" Width=

"300px"

Text='<%# Eval("FirstName") %>'

ID="txtFirstName" runat="server">

</syn:SynergieTextBox>

and the javascript here :

 
function

 

 

 fnOnUpdateValidators(sender, eventArgs) { 
 
 
 

 

 
if (typeof (Page_Validators) != "undefined") { 
 
 
 

 

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

 

 
        var val = Page_Validators[i]; 
 
 
 

 

 
        var ctrl = document.getElementById(val.controltovalidate); 
 
 
 

 

 
        if (ctrl != null && sender != null) { 
 
 
 

 

 
            if (sender._clientID == ctrl.id) { 
 
 
 

 

 
                if (!val.isvalid) { 
 
 
                    sender._invalid = 

 

 
true; 
 
 
                    sender.updateCssClass();
 
 

 

 
                    break; 
 
 
                }
 
 

 

 
                else { 
 
 
                    sender._invalid = 

 

 
false; 
 
 
                    sender.updateCssClass();
 
                    }
 
                }
 
            }
 
        }
 
    }
 
}

I would like to add text like sender.MyInvalidText = Val.ErrorMessage;

how to do something like that ?

General Discussions

answered on 04 May 2011

1 answer

46 views

footer command buttons are in the export to excel

When I export to excel with the command button in the footer (bottom), there are two small grey command button squares on the exported excel sheet. How do I stop this from happening. All else is perfect

Andrew

Grid

answered on 04 May 2011

1 answer

50 views

Expanding groups propagates to detail tables with GroupLoadMode="Client"

Hello,

I am having a problem when I use GroupLoadMode="Client" and HierarchyLoadMode="Client" with a RadGrid. The problem is that when I expand a group, all of the group's row's detail tables expand as well.

Is there a setting to stop this or any way to work around this? Fetching the data in our real life application is costly so the client modes are the only acceptable ones for the scenario.

The markup looks like below and is being fed data from a dataset, also shown below.

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

<MasterTableView DataMember="Employee" DataKeyNames="ID" GroupLoadMode="Client" HierarchyLoadMode="Client" GroupsDefaultExpanded="false">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="Location" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="Location" />

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<DetailTables>

<telerik:GridTableView DataMember="EmployeeProperties" DataKeyNames="ID">

<ParentTableRelation>

<telerik:GridRelationFields MasterKeyField="ID" DetailKeyField="EmployeeID" />

</ParentTableRelation>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

protected override void OnInit(EventArgs e)

{

RadGrid1.NeedDataSource += new Telerik.Web.UI.GridNeedDataSourceEventHandler(RadGrid1_NeedDataSource);

RadGrid1.DetailTableDataBind += new Telerik.Web.UI.GridDetailTableDataBindEventHandler(RadGrid1_DetailTableDataBind);

base.OnInit(e);

}

void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)

{

DataSet ds = GetDataSource();

e.DetailTableView.DataSource = ds;

}

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

{

DataSet ds = GetDataSource();

RadGrid1.DataSource = ds;

}

private DataSet GetDataSource()

{

DataSet ds = new DataSet();

DataTable employee = ds.Tables.Add("Employee");

DataTable employeeProperties = ds.Tables.Add("EmployeeProperties");

var empKey = employee.Columns.Add("ID", typeof(int));

employee.Columns.Add("FullName", typeof(string));

employee.Columns.Add("DepartmentID", typeof(string));

employee.Columns.Add("Location", typeof(string));

var empPKey = employeeProperties.Columns.Add("ID", typeof(int));

var empPFK = employeeProperties.Columns.Add("EmployeeID", typeof(int));

employeeProperties.Columns.Add("Title", typeof(string));

employeeProperties.Columns.Add("Value", typeof(string));

employee.PrimaryKey = new[] { empKey };

employeeProperties.PrimaryKey = new[] { empPKey };

ds.Relations.Add(new DataRelation("rel", empKey, empPFK));

employee.Rows.Add(new object[] { 1, "Scott Smith", 1, "Sweden" });

employee.Rows.Add(new object[] { 2, "Adam West", 1, "Sweden" });

employee.Rows.Add(new object[] { 3, "John Doe", 2, "Norway" });

employee.Rows.Add(new object[] { 4, "Sven Svensson", 2, "Norway" });

employee.Rows.Add(new object[] { 5, "Anders Andersson", 3, "Finland" });

employee.Rows.Add(new object[] { 6, "Jane Doe", 3, "Finland" });

employee.Rows.Add(new object[] { 7, "Stan Smith", 4, "United States of America" });

int i = 0;

foreach (DataRow emp in employee.Rows)

{

string[] s = ((string)emp["FullName"]).Split(new[] { ' ' });

employeeProperties.Rows.Add(new object[] { ++i, (int)emp["ID"], "GivenName", s[0] });

employeeProperties.Rows.Add(new object[] { ++i, (int)emp["ID"], "GivenName", s[1] });

}

return ds;

}

Regards,
Fredrik Hult

Grid

answered on 04 May 2011

1 answer

32 views

Tab control parents resize

Hello,
Why after tab load a page changes its appearence.
It resize everything incliudes parents of tab control

regards

TabStrip

answered on 04 May 2011

1 answer

85 views

RadTab Value Get

I have six radtab in RadTabStrip.
which one i click that particular one i give value for the purpose of save.

for ie
6 radtab 4 only opened that 4 only saved how i set the value

Thanks,
Mohamed.

TabStrip

answered on 04 May 2011

Top users last month