Questions on UI for ASP.NET AJAX Forum

1 answer

181 views

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

239 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

174 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

93 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

255 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

66 views

Controls are generating different HTML code on Windows Azure

please remove...

General Discussions

asked on 23 Apr 2013

1 answer

199 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

144 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

2 answers

104 views

[Solved] Cross browser style issues with Tab text

Hi,

I use a RadSplitter to show some filter options for my pages, The Filter options button when hovered shows the filter pane. All great. I have an issue with the button though. On Chrome the text is more of less in the vertical middle, on IE (someone please scrap IE) it goes to the top. See the attached image, IE on the left, Chrome on the right. I've looked at the CSS and found the rspPaneTabText style, having applied a "vertical-align:middle ! important;" style to it I still don't get anywhere.

Any suggestions?

Regards

Jon

Code for my splitter is below:

<telerik:RadSplitter ID="uxRadSplitter" runat="server" Width="788" Height="543" Orientation="Horizontal" VisibleDuringInit="false" BorderSize="0" >

<telerik:RadPane ID="uxRadPaneTop" runat="server" >

Sample

</telerik:RadPane>

<telerik:RadPane ID="uxRadPaneBottom" runat="server" Height="25px" Scrolling="none" CssClass="SlidingPaneFilterTitle" >

<telerik:RadSlidingZone ID="uxRadSlidingZone" runat="server" Height="25px" SlideDirection="Top">

<telerik:RadSlidingPane ID="uxRadSlidingPaneFilter" Title="Filter Options" runat="server" Height="175px"

EnableDock="false" EnableResize="false" IconUrl="/Images/Icons/16/search.png">

<telerik:RadToolBar ID="uxRadToolBar" runat="server" OnClientButtonClicking="clientButtonClicking" style="margin-top:5px;">

<items>

<telerik:RadToolBarButton Value="Filter" Text="Apply" ImageUrl="/Images/Icons/16/search.png" CausesValidation="False" />

</items>

</telerik:RadToolBar>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 23 Apr 2013

1 answer

101 views

Table controls in Firefox

when using the RadEditor in Firefox, when you click within a cell, little circles with x in them appear to the left and above the table cell can be clicked to delete either the row or column. However, sometime recently, the one on the left has stopped working to delete the row. Actually there are many instances where it does work, but i can very easily find a html document with table rows where it doesn't work. Can you tell me under what circumstances, pressing the red circle/X doesn't cause any change in the html document. This functionality appears to only be present in Firefox (v20.0.1). I am using telerik controls v 2013.1.403.40.

Regards,
-Mark

Editor

answered on 23 Apr 2013