Questions on UI for ASP.NET AJAX Forum

2 answers

123 views

Keyboard navigation and OnSelectedIndexChanged

I have hooked up a handler to the OnSelectedIndexChanged event (server side) on my grid. When the mouse is used to select a row, the event fires and a call is made to the server to get some detail data for the row and to display it in a separate area of the page. This postback is ajaxified via the RadAjaxManager and it all works fine.

I want to make the same code execute when KeyboardNavigation is enabled and the user is navigating through the grid using the up/down arrow keys.

I have searched the forum postings extensively and have found various suggestions, none of which work for me. I have EnablePostBackOnRowClick set to true, and that doesn't help. So, the question is, can I get the code in my server-side method to execute when the user is using the arrow keys to navigate. Is there a client-side way to do this?

I have also tried to call my ajax request method from the OnRowSelected client side. When that code executes I don't have any selected items available in the grid, even though I have set the current row to selected in the client code. I can pass the row index into the ajaxRequest, but how do I then access the appropriate row in the grid so that I can get the data key and make my call to the server with information for detail on that row?

Any suggestions would be appreciated. Thanks.

Grid

answered on 06 Apr 2012

3 answers

191 views

Color of row items in edit mode

I have a radgrid that is automatically put it edit mode on pre_render

foreach (GridItem item in radgrdResultDetail.MasterTableView.Items)

{

if (item is GridEditableItem)

{

GridEditableItem editableItem = item as GridDataItem;

editableItem.Edit = true;

}

When i try and style the rows nothing works, all the rows are white as opposed to alternating colours when not in edit mode. I have tried the following in the itemdatabound (works in non edit mode) but none of the styling appears when the grid/row is in edit mode

if (Item["Status"].Text == "Reject")

{

foreach (GridColumn col in radgrdResultDetail.MasterTableView.AutoGeneratedColumns)

{

Item[col.UniqueName].ForeColor = Color.Red;

}

Any help on this would be greatly appreciated.

Grid

answered on 06 Apr 2012

2 answers

169 views

[Solved] Dynamic Calculated Column

Good morning

I have a requirement to calculate dynamically the difference between two times. I am currently facing a problem using RadGrid when I had implemented the requirement using RadDateTimePicker inside the RadGrid.

I want to calculate overtime hours dynamically in edit mode when the user changed [From] or [To] fields which are in type RadDateTimePicker, and the column which needs to calculated is TimeSpan. It works properly in read only mode, but i want to calculate it in edit mode too.

Is there any idea or method to solve this problem?

Thanks in advance

Grid

answered on 06 Apr 2012

1 answer

78 views

Editor Stripping Object Tag

Hi All,

I have a scenario where the RadEditor is stripping the Object Tags around an embedded mp3.

This is what we try to cut and paste HTML mode:

<p>

<object width="100%" height="35">

<embed type="application/x-shockwave-flash" flashvars="audioUrl=http://www.eteacher.pro/Portals/0/SCO/FX0186/FX0186.mp3" src="https://www.google.com/reader/ui/3523697345-audio-player.swf" width="100%" height="27" quality="best"></embed>

<noembed>Podcast player feature available on website only.</noembed>

</object>

<br>

Click the PLAY button to listen to this podcast.</p>

We then switch to Design Mode, go back to HTML mode and find this:

<p><embed height="27" type="application/x-shockwave-flash" width="100%" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" quality="best" flashvars="audioUrl=http://www.eteacher.pro/Portals/0/SCO/STR051/STR051.mp3" /><noembed /><br />

Click the PLAY button to listen to this podcast.</p>

This then causes other issues.. So my questions are:
1) Why is the object tag being stripped?
2) Is the top HTML code not well formed??

Thanks
Anthony

Editor

answered on 06 Apr 2012

1 answer

115 views

RadSpell - how to highlight misspelled word

Hi,
I am using Telerk Web.UI.dll - version 2009.3.1103.35
I am using RadSpell to check spellings in multiple textboxes.
I would like to highlight the misspelled words in textboxes.

Is there a way to do that?
Following is the sample code.
Thanks,
Manisha

<telerik:RadSpell ID="RadSpellEval" runat="server"

ControlsToCheck="txtJust1, txtJust2, txtJust3, txtJust4"

ButtonType="ImageButton" ButtonText="" ToolTip="Spell Check" />

<table>

<tr><td><asp:TextBox id=”txtJust1” runat=”server”></asp:TextBox></td></tr>

<tr><td><asp:TextBox id=”txtJust2” runat=”server”></asp:TextBox></td></tr>

<tr><td><asp:TextBox id=”txtJust3” runat=”server”></asp:TextBox></td></tr>

<tr><td><asp:TextBox id=”txtJust4” runat=”server”></asp:TextBox></td></tr>

</table>

Spell

answered on 06 Apr 2012

7 answers

333 views

radtooltip doesn't update my user control

Hi.

I am using a radtooltip with a repeater on my master page. When i hover over the items of my repeater, the tooltip displays, but it only shows the values of the 1st item i hovered.
The funny thing is that it worked at first but then stopped working.

I have tried then to put it in an update panel, but it doesn't show anything anymore. it comes up but empty.

HELP!!!!!!!

ToolTip

answered on 06 Apr 2012

2 answers

198 views

Button Style help please

Hi, i am trying to style our radButtons in the same way our asp buttons are styled. Here is our current css class for our asp buttons:

.button {

height: 21px;

background-image: url('/Common/Images/button.png');

background-repeat: repeat-x;

border-radius: 4px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-left: 1px solid #666;

border-right: 1px solid #666;

border-top: 0px;

border-bottom: 0px;

color: white;

padding-left: 12px;

padding-right: 12px;

cursor: pointer;

}

I have tried a few different ways but i get some weird things happening. For instance, it also styles our rad toggle buttons which is very weird. Im sure it's going to be quite simple for you guys but im just struggling to get it right.

Some css i tried:

.RadButton {

height: 21px !important;

background-image: url('/Common/Images/button.png') !important;

background-repeat: repeat-x !important;

border-radius: 4px !important;

-moz-border-radius: 4px !important;

-webkit-border-radius: 4px !important;

border-left: 1px solid #666 !important;

border-right: 1px solid #666 !important;

border-top: 1px solid #666 !important;

border-bottom: 1px solid #666 !important;

color: white !important;

padding-left: 12px !important;

padding-right: 12px !important;

cursor: pointer !important;

}

.rbDecorated {

height: 21px !important;

background-image: url('/Common/Images/button.png') !important;

background-repeat: repeat-x !important;

border: 0px !important;

color: white !important;

cursor: pointer !important;

}

.rbSkinnedButton {

height: 21px !important;

background-image: url('/Common/Images/button.png') !important;

background-repeat: repeat-x !important;

border: 0px !important;

color: white !important;

cursor: pointer !important;

}

.rbSkinnedButton:hover

{

background-position: initial !important;

height: 21px !important;

background-image: url('/Common/Images/button.png') !important;

background-repeat: repeat-x !important;

border: 0px !important;

color: white !important;

cursor: pointer !important;

}

Any help you can provide is greatly appreciated.

Thanks,
Michael

Button

answered on 06 Apr 2012

4 answers

171 views

Copy data from parent level to child level

How to copy data from parent level to child level (see in attached file). For example, If I need to edit price of all rooms on the 1st floor according to 1st floor price. Firstly, I need to change the price from 200 to 210 of 1st floor price. Then I do not need to edit row by row at child level. Does telerik provide a function to copy price from 1st floor price to all rooms price on the 1st floor? or I have to program with another technic?

Grid

answered on 06 Apr 2012

2 answers

111 views

HELP - Radgrid adding dynamic columns and Edit/Insert Form closed on any inner postback

Hi all

Helpme pls.

I've a page
which contains a tabstrip
which contains usercontrols for each tab
one of these contains a radgrid with
*** EditMode="EditForms"
*** autogeneratecolumns="false" and binded on a list of objects via needdatasource
which displays an insert form with just this: <asp:Button ID="btnTemp" runat="server" Text="Hallo" />
(no events handler in this form and no javascript scripts are in)

The radgrid has 3 columns defined in ascx. The others columns must be added at runtime by the user with his preferences

Columns are added through a button at runtime. User select a combovalue and press "ADD" to add the new column.
ADD button just add the new columns in a session variable with the list of current columns added and create the column.

Starts the Page_Init event where I (re)add the columns added by the user.

All works. Viewstate is consistent. I like it.

I click on InsertItemCommand on the grid and my forms appears with just its sad "Hallo" button.
This button has no onclick event handler.
If I click it... no exceptions are thrown but the postback starts and the form gets closed.

And I'm being just crazy to understand WHY :)

I've tried

EnableColumnsViewState="false"/"true"
EnableViewState="true/false"

Using the form in popup mode the same happens! The ADD button doesn't fire any ItemCommand. Just Page_Init and Page_load of the usercontrol contained.

PLS HELP

Grid

answered on 06 Apr 2012

4 answers

95 views

Rad scheduler New recurring appointment error

Hi all,

i am using "RadControls for ASP.NET AJAX Q1 2012" with visual studio 2010 and when i am clicking on the "New recurring appointment" following error occurs

Selection out of range
Parameter name: value

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Selection out of range
Parameter name: value

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:


            [ArgumentOutOfRangeException: Selection out of range
Parameter name: value]
   Telerik.Web.UI.RadComboBox.PerformDataBinding(IEnumerable dataSource) +173
   Telerik.Web.UI.RadComboBox.OnDataSourceViewSelectCallback(IEnumerable data) +489
   System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +33
   Telerik.Web.UI.RadComboBox.OnDataBinding(EventArgs e) +1254
   Telerik.Web.UI.RadComboBox.PerformSelect() +37
   System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +74
   Telerik.Web.UI.RadComboBox.DataBind() +70
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   System.Web.UI.Control.DataBindChildren() +201
   System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding) +101
   System.Web.UI.Control.DataBind() +15
   Telerik.Web.UI.RadScheduler.CreateChildControls(Boolean bindFromDataSource) +1311
   Telerik.Web.UI.RadScheduler.CreateChildControls() +34
   System.Web.UI.Control.EnsureChildControls() +102
   System.Web.UI.Control.PreRenderRecursiveInternal() +42
   System.Web.UI.Control.PreRenderRecursiveInternal() +175
   System.Web.UI.Control.PreRenderRecursiveInternal() +175
   System.Web.UI.Control.PreRenderRecursiveInternal() +175
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2496

Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.1

I have also downloaded the demo projects "RadControls for ASP.NET AJAX Q1 2012" and facing same error on all 4 samples of "Rad Scheduler"

UI for ASP.NET AJAX in ASP.NET MVC

answered on 06 Apr 2012

Selection out of range Parameter name: value

Selection out of range
Parameter name: value