or
<
telerik:RadComboBox
runat
=
"server"
ID
=
"rcbClients"
Height
=
"100px"
EnableLoadOnDemand
=
"true"
ShowMoreResultsBox
=
"true"
EnableVirtualScrolling
=
"true"
AllowCustomText
=
"false"
EmptyMessage
=
"Type lastname ..."
>
<
WebServiceSettings
Path
=
"Service1.svc"
Method
=
"LoadClients"
/>
</
telerik:RadComboBox
>
<
asp:CustomValidator
ID
=
"cvClients"
runat
=
"server"
ClientValidationFunction
=
"validateCombo"
SetFocusOnError
=
"true"
ErrorMessage
=
"Please select a client from Dropdown"
ControlToValidate
=
"rcbClients"
>*
</
asp:CustomValidator
>
function validateCombo(source, args) {
args.IsValid = false;
var combo = $find(source.controltovalidate);
var text = combo.get_text();
var value = combo.get_value();
if (text.length <
1
) {
args.IsValid
=
false
;
}
else
{ var
node
=
combo
.findItemByText(text);
if (node) {
value
=
node
.get_value();
if (value.length > 0) {
args.IsValid = true;
}
}
else {
args.IsValid = false;
}
}
}
this is the style i use in the form
.ruBrowse
{
background-image: url(/Images/newbutton.gif);
background-position: 0 -46px !important;
width: 150px !important;
}
<
telerik:RadAsyncUpload ID="AsyncUpload1" runat="server"
AllowedFileExtensions="jpeg,jpg,gif,png,bmp" MaxFileInputsCount="1"
OnClientFileUploaded="fileUploaded" OnClientValidationFailed="validationFailed"
OnFileUploaded="AsyncUpload1_FileUploaded" Width="273px" Height="16px">
<Localization Select="Kies diploma /certificaat" />
</telerik:RadAsyncUpload>
protected
void
Page_Load(
object
sender, EventArgs e)
{
// Ajax set up
var manager = RadAjaxManager.GetCurrent(
this
);
// Add Person
manager.AjaxRequest +=
new
RadAjaxControl.AjaxRequestDelegate(RadAjaxManager_SearchPerson);
manager.AjaxSettings.AddAjaxSetting(manager, lblResultsPerson, RadAjaxLoadingPanel1);
// Add Category
manager.AjaxRequest +=
new
RadAjaxControl.AjaxRequestDelegate(RadAjaxManager_SearchCategory);
manager.AjaxSettings.AddAjaxSetting(manager, lblResultsCategory, RadAjaxLoadingPanel1);
}
<
tk:RadAjaxManagerProxy
ID
=
"RadAjaxManagerProxy1"
runat
=
"server"
></
tk:RadAjaxManagerProxy
>
<
tk:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Windows7"
InitialDelayTime
=
"200"
/>
<
tk:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function SearchPerson(sender, eventArgs) {
var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");
ajaxManager.ajaxRequest(sender.get_value());
}
function SearchCategory(sender, eventArgs) {
var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");
ajaxManager.ajaxRequest(sender.get_value());
}
</
script
>
</
tk:RadCodeBlock
>
Current time: <
asp:Label
ID
=
"lblTime"
runat
=
"server"
></
asp:Label
>
<
br
/><
br
/>
<
h2
>Person search</
h2
>
<
tk:RadTextBox
ID
=
"txtSearchPerson"
runat
=
"server"
width
=
"250px"
EmptyMessage
=
"Search for a person..."
ClientEvents-OnValueChanging
=
"SearchPerson"
></
tk:RadTextBox
>
<
div
class
=
"searchResults"
>
<
asp:Label
ID
=
"lblResultsPerson"
runat
=
"server"
></
asp:Label
>
<
asp:Label
ID
=
"lblTotalPerson"
runat
=
"server"
CssClass
=
"searchTotal"
></
asp:Label
>
</
div
>
<
br
/><
br
/>
<
h2
>Category search</
h2
>
<
tk:RadTextBox
ID
=
"txtSearchCategory"
runat
=
"server"
width
=
"250px"
EmptyMessage
=
"Search for a category..."
ClientEvents-OnValueChanging
=
"SearchCategory"
></
tk:RadTextBox
>
<
div
class
=
"searchResults"
>
<
asp:Label
ID
=
"lblResultsCategory"
runat
=
"server"
></
asp:Label
>
<
asp:Label
ID
=
"lblTotalCategory"
runat
=
"server"
CssClass
=
"searchTotal"
></
asp:Label
>
</
div
>
I'm a bit behind the curve on this. I've just stumbled across an archaic user who is still using IE7 and the sub menus are not visible for them. I've read some posts which make me think it may be the IE7 stacking issue, but I can't seem to do anything with z-index to help. My RadMenu already has a high z-index. How do I set the z-index of the sub menus.