Questions on UI for ASP.NET AJAX Forum

2 answers

65 views

[Solved] Q3 leave root menu item hover behaviour changed?

In the current 2010Q3 version of RadMenu, if a user expands a menu, then moves the mouse out of the menu without clicking an item, the root item remains in its animated hover state. For example, on:

http://demos.telerik.com/aspnet-ajax/menu/examples/programming/webservice/defaultcs.aspx

1. Hover over the "Purchase" menu item
2. Move the mouse over the "Instructions" button on the right.
3. The menu collapses but "Purchase" remains highlighted.

4. If you highlight "Support", both Purchase and Support will be in highlighted state.

Clicking on whitespace clears the highlight.

In previous versions (at least 2010Q1, which is what my project is being upgraded from) the "Purchase" would have reverted to its normal form. Is it possible to make the current version of RadMenu behave as it did before? The current behaviour, whether intended or not, "feels" buggy.

Menu

answered on 10 Jan 2011

2 answers

183 views

[Solved] Multi-level tab strip

Hi,

Is it possible to have a 3 layer tab strip and if so how do I do it? Are there any examples? I currently have a 2 layer tab strip with tabs being added and removed using javascript but can't see how to make it into a 3 layer.

Cheers
Jon

TabStrip

answered on 10 Jan 2011

2 answers

68 views

Multiday event not showing correctly on the last day

I have a multiday event, start date 1/3/11 00:00:00, end date 1/5/11 23:59:59, below is the date logic for inserting it

odr(

"StartDate") = CDate(StartDate.ToShortDateString & " 00:00:00")

odr(

"EndDate") = CDate(EndDate.ToShortDateString & " 23:59:59")

The event shows fine on the 3rd and 4th, but on the 5th it shows up in the day area of the week view instead of the all day event area. This happens to all of my events. I have attached an image to show the issue. I'm sure it is something I'm missing regarding setting up the event, but any help would be appreciated.

Thanks

Scheduler

answered on 10 Jan 2011

5 answers

266 views

GridDropDownColumn ListTextField Sort example

I need to be able to sort a RadGrid GridDropDownColumn by the ListTextField and not the ListValueField.

Can someone provide an example on how I can accomplish this?

Grid

answered on 10 Jan 2011

5 answers

255 views

Combined max file size validation?

We have a page with a RadUpload and RadProgressArea where users can upload multiple files up to a combined maximum file size of 150MB. Is there a way to validate the size of the combined files being uploaded and prevent the page just crashing out with the "Maximum request length exceeded." error? The MaxFileSize property seems to be on the right track but only works on a per item basis instead of on the whole transaction.

Upload (Obsolete)

answered on 10 Jan 2011

1 answer

72 views

Grid : header issue in IE8

Please see the attached image for your refrence. I have a issue with the Grid control. In the IE 8 browser we have some UI issues that is circled in attached email.

Please give me some helpful stuff to overcome the problem.

Grid

answered on 10 Jan 2011

1 answer

282 views

Access to GridDropDownListColumnEditor

I can read the value of "grid column drop down"in the method "OnEditCommandRadGridProgramCategory. About e.Item.FindControl is null and also against the direct access via "GridDropDownColumnVirtualCategory.DataValueField" is null.

The call to the method is via "CommandName = EditSelected.

Can you help me please?

<telerik:RadGrid ID="RadGridProgramCategory"

AutoGenerateColumns="false"

AllowAutomaticInserts="True"

AllowAutomaticUpdates="True"

AllowAutomaticDeletes="True"

OnEditCommand="OnEditCommandRadGridProgramCategory"

OnNeedDataSource="OnNeedDataSourceRadGridProgramCategory"

GridLines="None"

runat="server"

Width="350px">

<Columns>

<telerik:GridDropDownColumn HeaderText="Hauptkategorie" ColumnEditorID="GridDropDownColumnVirtualCategory" ListDataMember="VirtualCategoryId" UniqueName="VirtualCategoryId" DataField="VirtualCategoryId" ListTextField="VirtualCategoryName" ListValueField="VirtualCategoryId" />

<telerik:GridDropDownColumn HeaderText="Unterkategorie" ColumnEditorID="GridDropDownColumnCategory" ListDataMember="CategoryId" UniqueName="CategoryId" DataField="CategoryId" ListTextField="CategoryName" ListValueField="CategoryId" />

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:GridDropDownListColumnEditor ID="GridDropDownColumnVirtualCategory" runat="server" DropDownStyle-Width="110px" />

<telerik:GridDropDownListColumnEditor ID="GridDropDownColumnCategory" runat="server" DropDownStyle-Width="110px" />

protected void OnEditCommandRadGridProgramCategory(object sender, GridCommandEventArgs e)

{

RadGrid radGrid = (RadGrid)sender;

Control s0 = e.Item.FindControl(GridDropDownColumnVirtualCategory.ClientID);

string s1 = GridDropDownColumnVirtualCategory.DataValueField;

string s2 = GridDropDownColumnCategory.DataValueField;

}

General Discussions

answered on 10 Jan 2011

1 answer

95 views

Unable to combine two functionalities of RadGrid

We are working with the following two scenarios:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/templateformupdate/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/toolbar/examples/applicationscenarios/gridcommanditem/defaultcs.aspx

These are RadToolBar as Command Item, and Form Template Edit Form. These do work for us when we try to use them separately, but they will not work together. We went down to original live example source code, and tried to combine the two without any of our own code, just original Telerik demo code, and it still does not work. For some reason when we try to edit grid item from RadToolBar, it will not open webusercontrol.

It is very easy to replicate, try modifying the following file in RadControlsExamples:

C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q3 2010\Live Demos\Grid\Examples\DataEditing\UserControlEditForm\DefaultCS.aspx

As follows:

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True" CssClass="RadGrid"

AllowSorting="True" AutoGenerateColumns="False" ShowStatusBar="true" OnPreRender="RadGrid1_PreRender"

OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"

OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand">

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="EmployeeID">

<CommandItemTemplate>

<telerik:RadToolBar ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick" runat="server" OnClientButtonClicking="onToolBarClientButtonClicking">

<Items>

<telerik:RadToolBarButton Text="Edit selected" CommandName="EditSelected" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Edit.gif" Visible='<%# RadGrid1.EditIndexes.Count == 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Update" CommandName="UpdateEdited" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Update.gif" Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Cancel editing" CommandName="CancelAll" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Cancel.gif" Visible='<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/AddRecord.gif" Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add this Customer" CommandName="PerformInsert" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Insert.gif" Visible='<%# RadGrid1.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Delete selected customers" CommandName="DeleteSelected" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Delete.gif"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Refresh customer list" CommandName="RebindGrid" ImageUrl="~/ToolBar/Examples/ApplicationScenarios/GridCommandItem/Images/Refresh.gif"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="TitleOfCourtesy" HeaderText="TOC" DataField="TitleOfCourtesy">

<HeaderStyle Width="60px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="FirstName" HeaderText="FirstName" DataField="FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LastName" HeaderText="LastName" DataField="LastName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="HireDate" HeaderText="Hire Date" DataField="HireDate" DataFormatString="{0:d}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Title" HeaderText="Title" DataField="Title">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="DeleteColumn" Text="Delete" CommandName="Delete" />

</Columns>

<EditFormSettings UserControlName="EmployeeDetailsCS.ascx" EditFormType="WebUserControl">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Please advise, thank you.

Grid

answered on 10 Jan 2011

2 answers

53 views

Problem with GridDropDownColumn

Hi, everybody.
Here in my company we have found a trouble with GridDropDownCollum, after we upgraded to Microsoft Dot Net Framework 4.0, this collumns only show the first value of the DataSource for each item of the DataSource, we have the same page running under the Dot Net Framework 2.0 and it works well.
This is the code that is used to populate the GridDropDownCollum:

protected void grd_list_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditableItem && (e.Item as GridEditableItem).IsInEditMode)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

GridEditManager editMan = editedItem.EditManager;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)(editMan.GetColumnEditor("StatusUniqueName"));

//Ativo' WHEN STATUS = 'P' THEN 'Pausado' WHEN STATUS = 'F' THEN 'Finalizado

ArrayList ds = new ArrayList();

ds.Add(new status("A", "Ativar"));

ds.Add(new status("P", "Pausar"));

ds.Add(new status("F", "Finalizar"));

//string val = oMonitor.ExecuteScalarString("select STATUS from MAILING WHERE ID = " + editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["Id"]);

string s = DataBinder.Eval(editedItem.DataItem, "StatusValue").ToString(); //the field should point to the ListValueField of the dropdown editor

editor.DataSource = ds;

editor.DataTextField = "Status";

editor.DataBind();

editor.SelectedValue = s;

}

This is the aspx code of the collun:

<telerik:GridDropDownColumn UniqueName="StatusUniqueName" ListDataMember="Status" ListTextField = "Status"

ListValueField="StatusValue" DataField="StatusValue" HeaderText="Status">

</telerik:GridDropDownColumn>

This is the class Status that you see in grd_list_ItemDataBound:

public class status

{

private string _value;

private string _text;

public status(string value, string text)

{

_value = value;

_text = text;

}

public string Status

{

get { return _text; }

set { _text = value; }

}

public string StatusValue

{

get { return _value; }

set { _value = value; }

}

};

I have tried the examples describeds in this page: http://www.telerik.com/help/aspnet-ajax/grdcustomizeconfiguregriddropdowncolumn.html,
but I had the same problem.
As I Sad I am using Microsoft Dot Net Framework 4.0 , and Rad Controls Q3 2010.
Is there a easy way to fix this problem?

Grid

answered on 10 Jan 2011

1 answer

109 views

Updating RadGrid when ItemCommand fired on another grid using RadAjaxManager

Ok, I have 2 RadGrids on my page as well as a number of other standard ASP.Net controls.

The first grid shows paged invoice data, displaying breif information for all invoices issued for a customer. This grid has a GridButtonColumn (defined as a LinkButton) on it that fires an event that updates the ASP.Net controls to reflect the standard invoice data (such as invoice and delivery addresses, Net, VAT and total costs, order number etc) for the selected invoice, and SHOULD update the second grid to show the line items for the invoice.

I have the page working so that I can page through the first grid (page size is set to 10 at the moment, but there could be more than 10 invoices) and even when I page through and select an invoice, the standard ASP.Net controls update ok.

However I cannot get the second grid (the one with the invoice line items in it) to update even though it is included in the UpdatedControls section of the RadAjaxManager for the first grid.

These grids aren't in users controls, but are in pages that use a masterpage. Other than that they simply reside in div's

Can anyone offer any suggestions?

Grid

answered on 10 Jan 2011