Questions on UI for ASP.NET AJAX Forum

3 answers

147 views

[Solved] How do I get the controls in the toolbox?

Hi;

I downloaded the demo version and installed it. I then created a Web Application using the Telerik menu in Visual Studio. So I have a web app with an empty page. However, the Toolbox does not have any of your controls in it. How do I get the controls?

And the two I mainly want to test are your ribbon menu and text editor.

thanks - dave

General Discussions

answered on 23 Apr 2013

1 answer

88 views

Datakeyvalue from client side

I am hiding a column in treelist by setting its display as false.Is that possible to get the column value in itemclick event from client side?

TreeList

answered on 23 Apr 2013

1 answer

185 views

Access controls inside header template

hi all ,

I have a radpanel bar with header template (dynamically created) ,
this header template contains multiple Image button with specific id for each one,

my question is : how can i access Image buttons from Item_click event of radpanelbar ..

thanks in advance

PanelBar

answered on 23 Apr 2013

4 answers

262 views

[Solved] Upgrading problems to vs2010 and .Net4

Hello, I have an old application that was written in vs2008 using .Net3.5. After I migrated the application to vs2010 and .Net4 some of my telerik controls stopped working. Mainly I find the RadAjaxManager is not working. Looking at the version it's 1.0.3.0, all the way back to 2006. Is there any compatibility issues I'm potentially running into?

More about this issue. I'm able to user the RadAjaxManager in design mode, but they don't fire once the application is running. When I remove the RadAjaxManager everything works fine, but the whole page keep up updating as opposed to the single control.

Any help will be much appreciated.
Tom

Ajax

answered on 23 Apr 2013

2 answers

181 views

How to make Grid 100% Height and pager on the very bottom

Hi,

My client wants the grid has pager and set whole grid 's height to 100%, But the pager is on the bottom, not closer to the data part. Can I do that?

Please see the attachment to see more info .

Thank you very much for your help.
Bill

Grid

answered on 23 Apr 2013

4 answers

96 views

HTM5-CSS3 customization

Hi, Im searching the documentation for a tutorial on how to customize the style and appearance of the RadComboBox (when using RenderMode="Lightweight"). Im especially looking for CSS3 examples for rounding the controls corners and changing colors/gradients.

TIA

Martin

ComboBox

answered on 23 Apr 2013

12 answers

256 views

[Solved] Position Group Panel below Command Item Template

I have a Rad Grid that has a Command Item Template and allows grouping. Currently the Group Panel sits on top of the Command Item Template, which seems kind of odd since it separates the things we are grouping from the grouping configuration. We have to drag a column over the command item row, which, again, seems odd.

Is it possible to swap these two "items" around?

Thanks,
-Aaron

Grid

answered on 23 Apr 2013

0 answers

72 views

Controls are generating different HTML code on Windows Azure

please remove...

General Discussions

asked on 23 Apr 2013

1 answer

202 views

Filtering and Paging with Excel Export

I'm using Export to excel feature in my Telerik Radgrid, for this i'm using UseAllDataFields="true"
<MasterTableView CommandItemDisplay="Top" UseAllDataFields="true"> and working fine,
also the paging is working fine with internal filtering but the panel which shows ' 10 items in 1 Pages' after filtering i have only 1 record in Radgrid but the panel again shows ' 10 items in 1 Pages'
also if i change UseAllDataFields="false" then it works fine but then the export to excel feature stops.
Enclosed is my project. Can you help me?

Dll Telerik Version: 2012.3.1308.40

Thanks
Gianluca

Project
File: RadGrid.aspx
----------------------------------------------------------------------------------------------------------------------------------------------
ASPX
----------------------------------------------------------------------------------------------------------------------------------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGrid.aspx.cs" Inherits="TestTelerikAspxGrid.Web.RadGrid" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>

<head runat="server">

<title>RadGrid</title>

<script language="javascript" type="text/javascript">

function RequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0) {

args.set_enableAjax(false);

}

</script>

</head>

<body>

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

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGridFootballPlayers">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel"></telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="RadGridFootballPlayers"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1"

ClientEvents-OnRequestStart="RequestStart">

<br/>

<input id="Button1" type="button" value="button" runat="server" />

<br/>

<telerik:RadGrid ID="RadGridFootballPlayers" runat="server" Skin="WebBlue"

PageSize="10" GridLines="None" AutoGenerateColumns="false"

AllowSorting="True" AllowPaging="True" AllowMultiRowSelection="True"

AllowFilteringByColumn="True"

EnableLinqExpressions="false">

<ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">

<Excel Format="ExcelML"></Excel>

</ExportSettings>

<groupingsettings casesensitive="false"></groupingsettings>

<MasterTableView TableLayout="Fixed" CommandItemDisplay="Top" UseAllDataFields="true">

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn UniqueName="Id" DataField="Id" HeaderText="Id" SortExpression="Id" AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Name" DataField="Name" HeaderText="Name" SortExpression="Name" AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Surname" DataField="Surname" HeaderText="Surname" SortExpression="Surname" AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn UniqueName="FirstSubscriptionDate" DataField="BirthDate" DataType="System.DateTime" DataFormatString="{0:dd/MM/yyyy HH:mm:ss}" HeaderText="First Sub Date" SortExpression="FirstSubscriptionDate" HeaderStyle-Width="150" AutoPostBackOnFilter="true" EnableTimeIndependentFiltering="true" AllowFiltering="false">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn UniqueName="FootballClub" DataField="FootballClub" HeaderText="FootballClub" SortExpression="FootballClub" AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Role" DataField="Role" HeaderText="Role" SortExpression="Role" AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

----------------------------------------------------------------------------------------------------------------------------------------------
CS
----------------------------------------------------------------------------------------------------------------------------------------------

using System;

using System.Collections.Generic;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using Telerik.Web.UI.GridExcelBuilder;

using TestTelerikAspxGrid.Web.Bm;

using TestTelerikAspxGrid.Web.Entities;

namespace TestTelerikAspxGrid.Web

{

public partial class RadGrid : System.Web.UI.Page

{

private bool _isConfigured;

protected void Page_Load(object sender, EventArgs e)

{

Button1.ServerClick += RadButton1Click;

RadGridFootballPlayers.NeedDataSource += RadGridPendingFootballPlayersNeedDataSource;

RadGridFootballPlayers.PageSizeChanged += RadGridPendingFootballPlayersPageSizeChanged;

RadGridFootballPlayers.PageIndexChanged += RadGridPendingFootballPlayersPageIndexChanged;

RadGridFootballPlayers.SortCommand += RadGridPendingFootballPlayersSortCommand;

RadGridFootballPlayers.ExcelMLExportRowCreated += RadGridExcelMlExportRowCreated;

RadGridFootballPlayers.ExcelMLExportStylesCreated += RadGridExcelMlExportStylesCreated;

if (IsPostBack) return;

Session["GridData"] = new List<EntityFootballPlayer>();

}

protected void RadButton1Click(object sender, EventArgs e)

{

LoadData();

}

private void LoadData()

{

var footballPlayers = new ManagerRadGrid().GetFootballPlayers();

Session["GridData"] = footballPlayers;

RadGridFootballPlayers.DataSource = footballPlayers;

RadGridFootballPlayers.DataBind();

}

private void LoadDataEventRadGridPendingFootballPlayers()

{

RadGridFootballPlayers.DataSource = Session["GridData"];

RadGridFootballPlayers.DataBind();

}

protected void RadGridPendingFootballPlayersNeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGridFootballPlayers.MasterTableView.DataSource = Session["GridData"];

}

protected void RadGridPendingFootballPlayersPageSizeChanged(object source, GridPageSizeChangedEventArgs e)

{

LoadDataEventRadGridPendingFootballPlayers();

}

protected void RadGridPendingFootballPlayersPageIndexChanged(object source, GridPageChangedEventArgs e)

{

LoadDataEventRadGridPendingFootballPlayers();

}

protected void RadGridPendingFootballPlayersSortCommand(object source, GridSortCommandEventArgs e)

{

LoadDataEventRadGridPendingFootballPlayers();

}

#region Export

protected void RadGridExcelMlExportRowCreated(object sender, GridExportExcelMLRowCreatedArgs e)

{

if (e.RowType == GridExportExcelMLRowType.DataRow)

{

if (e.Row.Cells.Count == 0)

return;

if (!_isConfigured)

{

//Set Worksheet name

e.Worksheet.Name = "Order Details Extended";

//Set Column widths

foreach (ColumnElement column in e.Worksheet.Table.Columns)

{

if (e.Worksheet.Table.Columns.IndexOf(column) == 2)

column.Width = Unit.Point(180); //set width 180 to ProductName column

else

column.Width = Unit.Point(80); //set width 80 to the rest of the columns

}

//Set Page options

var pageSetup = e.Worksheet.WorksheetOptions.PageSetup;

pageSetup.PageLayoutElement.IsCenteredVertical = true;

pageSetup.PageLayoutElement.IsCenteredHorizontal = true;

pageSetup.PageMarginsElement.Left = 0.5;

pageSetup.PageMarginsElement.Top = 0.5;

pageSetup.PageMarginsElement.Right = 0.5;

pageSetup.PageMarginsElement.Bottom = 0.5;

pageSetup.PageLayoutElement.PageOrientation = PageOrientationType.Landscape;

//Freeze panes

e.Worksheet.WorksheetOptions.AllowFreezePanes = true;

e.Worksheet.WorksheetOptions.LeftColumnRightPaneNumber = 1;

e.Worksheet.WorksheetOptions.TopRowBottomPaneNumber = 1;

e.Worksheet.WorksheetOptions.SplitHorizontalOffset = 1;

e.Worksheet.WorksheetOptions.SplitVerticalOffest = 1;

e.Worksheet.WorksheetOptions.ActivePane = 2;

_isConfigured = true;

}

protected void RadGridExcelMlExportStylesCreated(object sender, GridExportExcelMLStyleCreatedArgs e)

{

//Add currency and percent styles

var priceStyle = new StyleElement("priceItemStyle");

priceStyle.NumberFormat.FormatType = NumberFormatType.Currency;

priceStyle.FontStyle.Color = System.Drawing.Color.Red;

e.Styles.Add(priceStyle);

var alternatingPriceStyle = new StyleElement("alternatingPriceItemStyle");

alternatingPriceStyle.NumberFormat.FormatType = NumberFormatType.Currency;

alternatingPriceStyle.FontStyle.Color = System.Drawing.Color.Red;

e.Styles.Add(alternatingPriceStyle);

var percentStyle = new StyleElement("percentItemStyle");

percentStyle.NumberFormat.FormatType = NumberFormatType.Percent;

percentStyle.FontStyle.Italic = true;

e.Styles.Add(percentStyle);

var alternatingPercentStyle = new StyleElement("alternatingPercentItemStyle");

alternatingPercentStyle.NumberFormat.FormatType = NumberFormatType.Percent;

alternatingPercentStyle.FontStyle.Italic = true;

e.Styles.Add(alternatingPercentStyle);

//Apply background colors

foreach (StyleElement style in e.Styles)

{

if (style.Id == "headerStyle")

{

style.InteriorStyle.Pattern = InteriorPatternType.Solid;

style.InteriorStyle.Color = System.Drawing.Color.Gray;

}

if (style.Id == "alternatingItemStyle" || style.Id == "alternatingPriceItemStyle" || style.Id == "alternatingPercentItemStyle" || style.Id == "alternatingDateItemStyle")

{

style.InteriorStyle.Pattern = InteriorPatternType.Solid;

style.InteriorStyle.Color = System.Drawing.Color.LightGray;

}

if (style.Id.Contains("itemStyle") || style.Id == "priceItemStyle" || style.Id == "percentItemStyle" || style.Id == "dateItemStyle")

{

style.InteriorStyle.Pattern = InteriorPatternType.Solid;

style.InteriorStyle.Color = System.Drawing.Color.White;

}

#endregion

}

Grid

answered on 23 Apr 2013

7 answers

148 views

Programatically colapse / expand groups

Hi

I have a grid with Grouping and GroupsDefaultExpanded="false" to colaspe the groups when the grid loads.

In each group section I have checkboxes to allow users to make selections, what I want to do is when the user re opens the grid, those groups that have previously had a selection made are not colapsed,

Or some other way to let the user know which group has selections made.

Andy

Grid

answered on 23 Apr 2013