Questions on UI for ASP.NET AJAX Forum

4 answers

86 views

How to control which item is selected when the page is first-loaded?

Hello,

I'm building a MVC program.

In the view, I have a combo box:

 <telerik:RadComboBox ID="RadComboBox1" runat="server"
 DataSourceID="EntityDataSource1" DataTextField="data"
 DataValueField="value">
 </telerik:RadComboBox>

I can populate the combo box with a list of options provided by the database (through Entity).

Here is my question.

Say, in some situations, when the page is loaded, I want option 1 to be selected first; then in some other situations, when the page is loaded, I want a different option, say option 3, to be selected. And say, the situation will depend on a magic number I store in the session.

Is there anyway I can control which option to be selected when a page is loaded (without using ajax call after the page is loaded)?

Also, is there any small example to demonstrate how to control which item to be selected at the beginning, in MVC environment?

Many thanks!

ComboBox

answered on 17 Jan 2011

0 answers

45 views

I want the down arrow to the right of the Top level Menu items

Hello Team,

Am using the Default Skin for my RadMenu.I want the arrow to be placed to the right on the top level menus.
And I do not want a down arrow in Top Menus, where I do not have Sub Menu Items.

How do I achive this.Could you provide the CSS class to be changed and the details to be provided in that class, so that I get the desired result.

Your help would be much appreciated.

Thanks,
Ramesh

Menu

asked on 17 Jan 2011

1 answer

59 views

Trigger grid state save when column modified

Hello,

I have successfully implemented the GridSettingsPersister for the grid control on a save button click event. Now I would like to take it a step further and automatically save the layout of the grid when the user makes a change to his/her grid (ie: move a column, sort, change width etc...). What event would I use to trigger the save?

I would like it to be seamless to the user, no clicking of a save button necessary.

Thank you very much for the help!

Grid

answered on 17 Jan 2011

5 answers

170 views

Image items in the list

Hello

I want to show images in my combo box items and i've used ImageUrl property for RadComboBoxItem to show the images. But when i select an item the image is not shown in the selected item.

The items dont have any text and they are just images. So i'm not able to see the selected image and the selected item is shown as empty (since i dont have any text).

Any ideas?

ComboBox

answered on 17 Jan 2011

1 answer

74 views

Context Menu Positioning with multiple editors

I'm using the RadEditor with DNN and I have a form with multiple different editors on the page. When right clicking to see the context menu it shows up in a few different places. In the first editor it shows up fine; right where it is supposed to. However, when I scroll down to the next editor or any other one below it, the menu shows up either at the very top of the screen or close to it, no where near the position of the mouse. Any ideas on how to resolve this issue?

Thanks,

Kevin

Editor

answered on 17 Jan 2011

8 answers

116 views

Tabstrips issue of Scrolling in IE 8.0

Hi
We are are using Telerik Tabstrip but the Scrolling appears in IE 6.0 but not in IE 8.0
Can you please fix these issue ASAP.
Since we are having Production GoLive verysoon and system is being halted in UAT

TabStrip

answered on 17 Jan 2011

9 answers

116 views

Insert forces user to edit inline, then validates.

I have a scenario where the only way a user can create an appointment, is by dragging from a RadTreeView. The requirement is that when the user drags the appointment, and before the appointment is created, the user is required to enter the appointment's description, and then some validation needs to run before the appointment is actually committed.

What's the easiest way to achieving this? (assuming of course that it's possible.)

Many thanks,
Daryl

Scheduler

answered on 17 Jan 2011

6 answers

123 views

Web page reloads on move/resize in firefox

Hi,
I'm using Q2 2010 SP2 ASP.NET AJAX controls and have noticed an issue with firefox. If I have a rad window that is pointing to say youtube and I start watching a video when I move or resize the radwindow the page gets reloaded and the video starts from the begining.

I have test this in Internet Explorer and although it seems to work there you can move and resize without the page reloading on the odd occassion it does reload. In firefox it's all the time.

I tested your demo Window - First look and in the google window I searched for youtube and then in you tube just selected any video. Waited for it to start playing then moved the radwindow and that also reloaded the page. Tested the same thing in IE and it worked could move and resize without the page being reloaded.

Could you please confirm if this is a bug? Is there any way to work round it.

Thanks

Window

answered on 17 Jan 2011

1 answer

57 views

Hide/Reveal image using slider

Does anyone know how something similar to this can be done with the splitter? I can get images in each pane, but can't get them to be a fixed location and appear like they're hiding/revealing the other image.

http://www.nytimes.com/2010/06/22/nyregion/22appraisal.html

Splitter

answered on 17 Jan 2011

4 answers

104 views

Expand RadPanelBar in NestedViewTemplate - Client Side

Hi

I'm using a RadPanelBar in the NestedViewTemplate of my grid and would like to expand the RadPanelBar automatically when the NestedView for a particular row is shown (the NestedView is displayed when a row is clicked as follows):

function RowClicked(sender, args)

var gridItem = args.get_item();

ridItem.set_expanded(!gridItem.get_expanded());

}

If I expand the RadPanelBar server-side on page load then I lose the animation effect, so I would like to find the RadPanelBar client-side and run the .expand() method on it, something like this:

<div class="colorizedcode">var panelBar = $find("<%= RadPanelBar1.ClientID

%>"); var panelItem = panelBar.findItemByText( "Paris"); panelItem.disable();</div> 

The main problem seems to be that I'm having trouble finding the control in the RadPanelBar in the NestedViewTemplate client-side - I'm assuming that identifying the control client-side in function RowClicked will allow me to achieve what I'm looking for, which is a nice sliding effect when the NestedView is displayed. Additionally, I would like to collapse any other NestedViewTemplates if they are visible before displaying the template for the selected row.

The relevant bits of code for the RadGrid are below - any suggestions are greatly appreciated and please let me know if more information is required

Thanks

Brian

<telerik:RadGrid ID="grid_items" runat="server" DataSourceID="sqlds_items" GridLines="None" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" Skin="Sitefinity" Font-Names="Trebuchet MS" ForeColor="#669999"> <ClientSettings> <Selecting AllowRowSelect="True" /> <ClientEvents OnRowClick="RowClicked" /> </ClientSettings> <MasterTableView DataKeyNames="itemID" DataSourceID="sqlds_items" ClientDataKeyNames="itemID" HierarchyLoadMode="Client"> 

...

<NestedViewSettings DataSourceID="sqlds_itemImages">

<ParentTableRelation>

<telerik:GridRelationFields MasterKeyField="itemID" />

<telerik:GridRelationFields DetailKeyField="itemID" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<div style="float: left; padding-left: 25px;">