Questions on UI for ASP.NET AJAX Forum

1 answer

65 views

Ribbonbar 100% width and ToolTip for final button(s) overflows window

In my browser window i have a rad ribbon bar at 100% width, and i have buttons all the way to the right of the ribbon bar.

When you mouseover to show the tooltip on the buttons at the very right hand side of the window the tooltip overflows the browser window and i cant read the content.

You can see this using the tooltip demo page and resizing the browser, see attached image.

I imagine this is a bug - in the mean time is there a client side event i can attach to in order to reposition the tooltip ?

RibbonBar

answered on 08 May 2013

3 answers

164 views

Export to excel with third party library npoi issue - displaying two empty columns in the starting in the excel sheet

We are using Radgrid with paging. But at the time of export we need to export all records (6000 row and 56 columns). If we use normal export it takes lot of time to export to excel. One more case is that we do not want to use HTML format for excel as it shows warning while opening. Hence we decided to go for third party library NPOI. we are referring to

http://www.telerik.com/community/code-library/aspnet-ajax/grid/export-to-excel-with-third-party-library-npoi.aspx

One issue is that it is displaying two empty columns in the starting in the excel sheet. All columns are added runtime. I have checked and there is no extra column added.

<telerik:RadGrid ID="grdDetailreport" runat="server" GridLines="None" AllowSorting="True"

AllowPaging="True" PageSize="50" AllowCustomPaging="true" AllowFilteringByColumn="true"

OnNeedDataSource="grdDetailreport_NeedDataSource" OnSortCommand="grdDetailreport_SortCommand"

OnItemDataBound="grdDetailreport_ItemDataBound" Width="950px">

<ClientSettings AllowDragToGroup="false">

<Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="5" SaveScrollPosition="true">

</Scrolling>

</ClientSettings>

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="Bottom"></PagerStyle>

<MasterTableView RetrieveAllDataFields="false" AutoGenerateColumns="false" EnableColumnsViewState="true"

AllowCustomSorting="true" CommandItemDisplay="Top" TableLayout="Auto">

<CommandItemSettings ShowExportToExcelButton="false" ShowAddNewRecordButton="false"

ShowRefreshButton="false" ExportToExcelText="Export to excel"></CommandItemSettings>

<Columns>

</Columns>

</MasterTableView>

<ExportSettings IgnorePaging="true">

<Excel Format="Biff" ></Excel>

</ExportSettings>

</telerik:RadGrid>

Grid

answered on 08 May 2013

1 answer

104 views

Incorrect item height and expland behaviour

Hi telerik,
1. I have a RadPanelBar with FullExplandMode,but it seems that when I expland the item, the children item height is not correct,please see the first pic, when I click "Child RadPanelItem 2" at the first time of the page load, it will be ok, but if I click "Child RadPanelItem 1" first, and then click "Child RadPanelItem 2", it will have a scroll bar which I don't want.
2. Some times it will turn up a margin after some clicks, if I have many items and multilevel, but not every time, pls see the pic-2.

the version is v2013.1.417.40, I remember these two problems not present in the previous version.

PanelBar

answered on 08 May 2013

4 answers

271 views

Email with Excel as attachment

I have seen a couple threads in here that older versions of Telerik don't allow an email to be sent and attaching the radgrid as an attachment. Has there been an update that I have missed?

What I am look for is to view a grid, click a button and send the grid as an email attachment in an excel format.

Grid

answered on 08 May 2013

3 answers

174 views

Radorgchart binding

Hi
Im new in Ajax, I'm following the example to bind my Employee table to Radorgchart but i get the following error. Any suggestions?

OrgChart

answered on 08 May 2013

1 answer

86 views

Make checkbox un-movable in Design mode

Hello,

We use RadEditors to support drag and drop of pre-configured HTML that contains combination of text and few HTML controls like checkboxes and Dropdown lists. The Radeditor has to be in design mode as the user should be able to change/add any text even after the pre-configured text is dragged in. However, this creates an issue when checking/unchecking of checkboxes or even selecting values from drop down list. Users have to click multiple times to be able to select a value.

Is it possible to make the HTML controls not moveable/selectable in design mode so it would be easy to check/uncheck or select a value?

Editor

answered on 08 May 2013

1 answer

153 views

Message dialog

How set the Facebook Like message dialog above the button?
And how can I add a custom print button to the telerik:RadSocialShare MainButtons?

SocialShare

answered on 08 May 2013

3 answers

126 views

RadWindowManager in a RadWindow errors in IE10

Hello,
Can someone from telerik please confirm this bug?

A few users have identified a reproducable bug with RadWindows inside RadWindows. Please see this thread for the details:
http://www.telerik.com/community/forums/aspnet-mvc/grid/edit-unable-to-get-value-of-the-property-tolowercase-object-is-null-or-undefined.aspx

Thanks,
Dan

Window

answered on 08 May 2013

1 answer

50 views

RadFilter changeExpressionFieldName: ownerIndex

Hi there,

The documentation for RadFilter indicates that the following client-side function is available:

changeExpressionFieldName(ownerIndex, fieldName)

Method which changes the field name of the expression at the level specified by theownerIndex parameter to the value of the fieldName parameter.

I was able to try out this function by plugging in the end of the ID of the "LI" element corresponding to the expression to be changed for ownerIndex, e.g., "0_0."

Is there a more elegant way to determine the owner index of a given expression?

Thanks,
Calvin

Filter

answered on 08 May 2013

6 answers

113 views

Difficulty with persistent hierarchal expanded state

Hello,

I have been working with a Hierarchal RadGrid (Latest version), which has a parent and child level (only). I have AJAX enabled, and have an rebind() occurring on an interval defined by an <asp:Timer>. I have wrapped the Grid in a RadAjaxPanel, and the refreshes occur only to the panel when triggered by the Timer.

I believe I have this all setup properly, except that the Child's that are expanded do not persist between AJAX Refreshes triggered by the Timer Rebind(). Any suggestion would be appreciated. General code below:

protected void Timer1_Tick(object sender, EventArgs e)

{

RadGrid1.Rebind();

}

private Hashtable _ordersExpandedState;

private Hashtable _selectedState;

////Below code is thanks to: http://www.telerik.com/community/code-library/aspnet-ajax/grid/retain-expanded-selected-state-in-hierarchy-on-rebind.aspx

public void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

//reset states

this._ordersExpandedState = null;

this.Session["_ordersExpandedState"] = null;

this._selectedState = null;

this.Session["_selectedState"] = null;

}

//Save/load expanded states Hash from the session

//this can also be implemented in the ViewState

private Hashtable ExpandedStates

{

get

{

if (this._ordersExpandedState == null)

{

_ordersExpandedState = this.Session["_ordersExpandedState"] as Hashtable;

if (_ordersExpandedState == null)

{

_ordersExpandedState = new Hashtable();

this.Session["_ordersExpandedState"] = _ordersExpandedState;

}

return this._ordersExpandedState;

}

//Clear the state for all expanded children if a parent item is collapsed

private void ClearExpandedChildren(string parentHierarchicalIndex)

{

string[] indexes = new string[this.ExpandedStates.Keys.Count];

this.ExpandedStates.Keys.CopyTo(indexes, 0);

foreach (string index in indexes)

{

//all indexes of child items

if (index.StartsWith(parentHierarchicalIndex + "_") ||

index.StartsWith(parentHierarchicalIndex + ":"))

{

this.ExpandedStates.Remove(index);

}

private void ClearSelectedChildren(string parentHierarchicalIndex)

{

string[] indexes = new string[this.SelectedStates.Keys.Count];

this.SelectedStates.Keys.CopyTo(indexes, 0);

foreach (string index in indexes)

{

//all indexes of child items

if (index.StartsWith(parentHierarchicalIndex + "_") ||

index.StartsWith(parentHierarchicalIndex + ":"))

{

this.SelectedStates.Remove(index);

}

//Save/load selected states Hash from the session

//this can also be implemented in the ViewState

private Hashtable SelectedStates

{

get

{

if (this._selectedState == null)

{

_selectedState = this.Session["_selectedState"] as Hashtable;

if (_selectedState == null)

{

_selectedState = new Hashtable();

this.Session["_selectedState"] = _selectedState;

}

return this._selectedState;

}

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

//save the expanded/selected state in the session

if (e.CommandName == RadGrid.ExpandCollapseCommandName)

{

//Is the item about to be expanded or collapsed

if (!e.Item.Expanded)

{

//Save its unique index among all the items in the hierarchy

this.ExpandedStates[e.Item.ItemIndexHierarchical] = true;

}

else //collapsed

{

this.ExpandedStates.Remove(e.Item.ItemIndexHierarchical);

this.ClearSelectedChildren(e.Item.ItemIndexHierarchical);

this.ClearExpandedChildren(e.Item.ItemIndexHierarchical);

}

//Is the item about to be selected

else if (e.CommandName == RadGrid.SelectCommandName)

{

//Save its unique index among all the items in the hierarchy

this.SelectedStates[e.Item.ItemIndexHierarchical] = true;

}

//Is the item about to be deselected

else if (e.CommandName == RadGrid.DeselectCommandName)

{

this.SelectedStates.Remove(e.Item.ItemIndexHierarchical);

}

protected void RadGrid1_DataBound(object sender, EventArgs e)

{

//Expand all items using our custom storage

string[] indexes = new string[this.ExpandedStates.Keys.Count];

this.ExpandedStates.Keys.CopyTo(indexes, 0);

ArrayList arr = new ArrayList(indexes);

//Sort so we can guarantee that a parent item is expanded before any of

//its children

arr.Sort();

foreach (string key in arr)

{

bool value = (bool)this.ExpandedStates[key];

if (value)

{

RadGrid1.Items[key].Expanded = true;

}

//Select all items using our custom storage

indexes = new string[this.SelectedStates.Keys.Count];

this.SelectedStates.Keys.CopyTo(indexes, 0);

arr = new ArrayList(indexes);

//Sort to ensure that a parent item is selected before any of its children

arr.Sort();

foreach (string key in arr)

{

bool value = (bool)this.SelectedStates[key];

if (value)

{

RadGrid1.Items[key].Selected = true;

}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="scomx.PersistentTest.WebForm1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register assembly="Telerik.Web.UI" Namespace="Telerik.Charting" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:Timer ID="Timer1" runat="server" Interval="15000" OnTick="Timer1_Tick">

</asp:Timer>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel1"

UpdateInitiatorPanelsOnly="True"

UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" Width="100%"

OnNeedDataSource="List_DataSource"

OnDetailTableDataBind="Details_DataSource"

OnDataBound="RadGrid1_DataBound"

OnItemDataBound="RadGrid1_ItemDataBound">

<MasterTableView DataKeyNames="Name" Name="Parent">

<Columns>

<telerik:GridBoundColumn DataField="Name" HeaderText="Name">

</telerik:GridBoundColumn>

</Columns>

<DetailTables>

<telerik:GridTableView runat="server" HierarchyLoadMode="ServerOnDemand" AutoGenerateColumns="false" Name="DetailGrid">

<Columns>

<telerik:GridBoundColumn HeaderText="Alert" DataField="Alert" UniqueName="Detail_Alert" ItemStyle-Width="375px"></telerik:GridBoundColumn>

<telerik:GridHyperLinkColumn HeaderText="View Details" DataNavigateUrlFields="Data" UniqueName="Detail_Data" NavigateUrl="http://{0}" Text="Click Here" Target="_blank"></telerik:GridHyperLinkColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

Grid

answered on 08 May 2013