or
.RadMenu_ArtDebutant
{
width
:
100%
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup
{
float
:
left
;
display
:
block
;
list-style-type
:
none
;
font-size
:
17px
;
text-transform
:
lowercase
;
font-family
:
Arial
Baltic,
Arial
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem
{
float
:
left
;
width
:
254px
;
height
:
30px
;
background-color
:
#333333
;
border-right
:
1px
solid
#939393
;
margin-right
:
1px
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmLast
{
margin-right
:
0px
;
width
:
255px
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmSeparator
{
width
:
1px
;
float
:
left
;
height
:
30px
;
background-color
: White;
border
:
0
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a
{
color
: White;
text-decoration
:
none
;
height
:
30px
;
vertical-align
:
middle
;
display
:
table-cell
;
padding-left
:
15px
;
width
:
253px
;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li:hover
{
/* background-color: #415353; */
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a.rmFocused
{
background-color
:
#415353
;
width
:
254px
;
}
/* drop down. Some stuff from menu.css base styles */
.RadMenu div.rmSlide
{
position
:
absolute
;
overflow
:
hidden
;
display
:
none
;
float
:
left
;
width
:
254px
;
background-color
:
#333333
;
opacity:
0.5
;
-moz-opacity:
0.5
;
}
.RadMenu ul.rmVertical
{
float
:
left
;
display
:
block
;
list-style-type
:
none
;
font-size
:
17px
;
text-transform
:
lowercase
;
font-family
:
Arial
Baltic,
Arial
;
}
.RadMenu ul.rmVertical > li.rmItem
{
clear
:
both
;
width
:
100%
;
height
:
40px
;
width
:
250px
;
line-height
:
40px
;
}
.RadMenu ul.rmVertical > li.rmItem > a.rmLink
{
color
: White;
text-transform
:
uppercase
;
text-decoration
:
none
;
margin-left
:
20px
;
}
/* drop down portion end */
<
telerik:RadAjaxManager
ID
=
"AjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"Area"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"Area"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadInputManager1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"Button1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadInputManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"Area"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Default"
MinDisplayTime
=
"2000"
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadCodeBlock
ID
=
"CodeBlock"
runat
=
"server"
>
<
script
type
=
"text/javascript"
language
=
"javascript"
>
function OnClientValidating(sender, args) {
var inputId = args.get_input().get_id();
if (inputId != null)
{
var inputs = document.getElementsByTagName('input');
for (element in inputs)
{
inputs[element].disabled = true;
}
document.getElementById(inputId).disabled = false;
}
}
function OnClientBlur(sender, args) {
//How do I tell if the input is valid, e.g. passed RadInputManager validation setting, OnBlur or another clientside event?
}
</
script
>
</
telerik:RadCodeBlock
>
<
div
>
<
asp:Panel
ID
=
"Area"
runat
=
"server"
>
<
asp:PlaceHolder
Runat
=
"server"
ID
=
"DynamicControls"
></
asp:PlaceHolder
>
</
asp:Panel
>
<
asp:Button
ID
=
"Button1"
runat
=
"server"
Text
=
"Button"
/>
</
div
>
Private
inputManager
As
New
RadInputManager()
Protected
Sub
Page_Init(
ByVal
sender
As
Object
,
ByVal
e
As
System.EventArgs)
Handles
Me
.Init
LoadDynamicControls()
LoadDynamicValidation()
End
Sub
Private
Sub
LoadDynamicControls()
Dim
txtBox
As
TextBox =
New
TextBox()
txtBox.ID =
"TextBox1"
txtBox.AutoPostBack =
True
txtBox.CausesValidation =
True
DynamicControls.Controls.Add(txtBox)
Dim
txtBox2
As
TextBox =
New
TextBox()
txtBox2.ID =
"TextBox2"
txtBox2.AutoPostBack =
True
txtBox2.CausesValidation =
True
DynamicControls.Controls.Add(txtBox2)
End
Sub
Private
Sub
LoadDynamicValidation()
Dim
RegExPattern
As
String
=
"\d{2}/\d{4}"
Dim
RegExSetting
As
RegExpTextBoxSetting =
New
RegExpTextBoxSetting
RegExSetting.ValidationExpression = RegExPattern
RegExSetting.ErrorMessage =
"Test error message"
Dim
mngr
As
RadInputManager = inputManager
mngr.ID =
"RadInputManager1"
RegExSetting.TargetControls.Add(
New
TargetInput(
"TextBox1"
,
True
))
RegExSetting.ClientEvents.OnValidating =
"OnClientValidating"
mngr.InputSettings.Add(RegExSetting)
Page.Form.Controls.Add(mngr)
'RadInputManager1.InputSettings.Add(RegExSetting)
End
Sub
Protected
Sub
Page_Load(
ByVal
sender
As
Object
,
ByVal
e
As
System.EventArgs)
Handles
Me
.Load
Dim
control
As
TextBox = FindControl(
"TextBox1"
)
AjaxManager1.AjaxSettings.AddAjaxSetting(control, control, RadAjaxLoadingPanel1)
AjaxManager1.AjaxSettings.AddAjaxSetting(Button1, control, RadAjaxLoadingPanel1)
AjaxManager1.AjaxSettings.AddAjaxSetting(inputManager, control, RadAjaxLoadingPanel1)
End
Sub
End
Class
A |
B |
C |
||||
D |
E |
I |
||||
F |
G |
H |
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Can you share me a sample code?
Thanks, Malli
<
telerik:RadListBox
ID
=
"rlbBusinessCategories"
runat
=
"server"
Skin
=
"Office2007"
CheckBoxes
=
"true"
Width
=
"100%"
Height
=
"100%"
></
telerik:RadListBox
>
<
telerik:RadTreeView
id
=
"rtServices"
runat
=
"server"
Skin
=
"Office2007"
Width
=
"100%"
Height
=
"100%"
AllowNodeEditing
=
"False"
EnableDragAndDrop
=
"False"
MultipleSelect
=
"True"
>
</
telerik:RadTreeView
>
<style type=
"text/css"
media=
"print"
>
div[style]
{
max-width
:
670px
;
}
div.rsOverflowExpand
{
width
:
668px
!important
;
}
.rsHorizontalHeaderTable
{
width
:
668px
!important
;
}
.rsHorizontalHeaderWrapper
{
}
.rsHorizontalHeaderWrapper div
{
}
.rsContentTable
{
width
:
668px
!important
;
}
.rsAptContent
{
font-size
:
9px
!important
;
}
.rsContent table
{
width
:
668px
!important
;
}
.RadScheduler
{
width
:
670px
!important
;
}
</style>
private
void
SetWidth()
{
Double width = 100d / scheduler.TimelineView.NumberOfSlots;
scheduler.ColumnWidth =
new
Unit(width, UnitType.Percentage);
}