Questions on UI for ASP.NET AJAX Forum

5 answers

193 views

RAD Scheduler always appearing on top of my javascript hover menu

Hi!

I have an existing website with a typical javascript hover menu navigation at the upper portion of the screen in the form of a
<div> with some nested lists <ul>...

The css for this begins with

#menu {
float: left;
margin-left:20px;
z-index:8000;

}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 11em;
float: left;
z-index:8000;

}

However, then i placed the RAD Scheduler, it's always persisting on top of the hover navigation even though i enclosed it with

<div style="z-index:0; ">
<telerik:RadScheduler
ID="RAD_Scheduler1"
runat="server" ....

So far the attempted css z-index:8000 is not working to bring the hover menu to the top.

May i request some code assistance for this? Appreciate any help :-) I'm just a newbie to the telerik components for asp.net :)

Attached is a screenshot.

Regards,
Angelo

Scheduler

answered on 14 May 2013

1 answer

87 views

programatically type into combo client side

I have a combo on a web form. It correctly uses the server side _ItemsRequested event to populate the drop down and filter the list as the user types.

I now have a need to programmatically type into that combo using JavaScript.

I'd like the combo to react as if the user had typed into the combo.

I've tried using the "set_text('blah')" method on the combo, but this does not cause the combo to popup the filtered list in the same way as if a user had typed.

Is this even possible?

ComboBox

answered on 14 May 2013

2 answers

106 views

down down list doesn't appear then it does, but in wrong place

I'm having difficulty with my combo. When the user types, it populates the drop down with a call to the server. Unfortunately the user cant see the drop down, it just doesn't appear on screen. However, if the user clicks underneath the combo after they've typed something, the list appears at the top of the page briefly, and then closes. Here's my HTML...

ComboBox

answered on 14 May 2013

1 answer

110 views

Tree Expand Collapse problem in firefox

I have radtreeview inside radcombobox.

<telerik:RadComboBox ID="cbTreeViewSelect" runat="server" ShowToggleImage="True" Skin="Metro"
Style="vertical-align: middle;" OnClientDropDownOpened="OnClientDropDownOpenedHandler"
EmptyMessage="Choose a kit" ExpandAnimation-Type="None" CollapseAnimation-Type="None"
Font-Bold="true" AutoPostBack="true" Height="350px" CssClass="NormalText12Combo" OnTextChanged="cbTreeViewSelect_TextChanged">
<ItemTemplate>

<telerik:RadTreeView runat="server" ID="tvTree" OnClientNodeClicking="nodeClicking"
CssClass="NormalText12Combo" Width="100%" Height="340px" OnNodeClick="tv_NodeClick"
OnDataBound="tvTree_DataBound" />

</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
</telerik:RadComboBox>

and scripts as described below.

function nodeClicking(sender, args) {
var comboBox = $find("<%=cbTreeViewSelect.ClientID %>");

var node = args.get_node()

var g = node.get_value();

if (g == "0") {
args.set_cancel(true);
node.toggle();
comboBox.attachDropDown();
comboBox.expand();
}
else {
comboBox.set_text(node.get_text());

comboBox.trackChanges();
comboBox.get_items().getItem(0).set_text(node.get_text());
comboBox.commitChanges();

$("#<%=hidValue.ClientID %>").val(node.get_value());

comboBox.hideDropDown();
}
// Call comboBox.attachDropDown if:
// 1) The RadComboBox is inside an AJAX panel.
// 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node.
// Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel.

//comboBox.attachDropDown();
}

function StopPropagation(e) {
if (!e) {
e = window.event;
}

e.cancelBubble = true;
}

function OnClientDropDownOpenedHandler(sender, eventArgs) {
var tree = sender.get_items().getItem(0).findControl("tvTree");
var selectedNode = tree.get_selectedNode();
if (selectedNode) {
selectedNode.scrollIntoView();
}
}

In IE its working fine but in firefox when i click on hyperlink of top node of treeview it expands the tree but it hides(collapse) dropdown..

i want to keep that treeview and dropdown expanded.

Please help.

Thanks in advance.

DropDownTree

answered on 14 May 2013

1 answer

139 views

Radautocomplete box with webservice

please delete this question no one is answering

General Discussions

answered on 14 May 2013

5 answers

257 views

Planned Support for SharePoint 2013?

Just wondering if Telerik will be providing the SharePoint Acceleration kit for SharePoint 2013 which is expected to be delivered late this year or early next year.

Sharepoint Integration

answered on 14 May 2013

2 answers

264 views

Create RadDatePicker Dynamically

Hi, I need help with an issue, I cannot find the way to create RadDatePicker dynamically of C#, can you help me with this please.

Calendar

answered on 14 May 2013

3 answers

213 views

Design Templates

Hi,
Im a new user with Telerik.
My question is like that:
I want to build a web application - but it seems that I cannot choose any template when creating the project with Visual Studio 2010.

Is there something already been made to start with it?

Thanks

Tal

UI for ASP.NET AJAX in ASP.NET MVC

answered on 14 May 2013

2 answers

127 views

[Solved] How do I use RadDatePicker without a popup calendar

I am using a calendar to display a selected date or range of consecutive dates, and I am allowing users to change the date(s) by clicking on the calendar. The calendar remains visible all the time and two datepickers are updated when the date on the calendar is changed. The two datepicker controls represent the "start day" and the "end day". If only a single day is selected, then both have the same date. The problem is that the calendar image for a popup is visible.

What I'd like to do is have a up/down button on the datepicker and allow the user to click the button to adjust the date. I can develop it if I need to, but I was hoping there was some kind of built in functionality.

I would also like to do the same thing for a timepicker.

Calendar

answered on 14 May 2013

5 answers

851 views

TabClick programmatically on buttonclick

I would like to have the TabClick event of the tabstrip invoked programmatically on button click. The button is in the first tab. When you click on the button in the first tab, it should enable the second tab, focus on the tab and do the actions outlined in tabclick like data binding. (All serverside)

TabStrip

answered on 14 May 2013