Questions on UI for ASP.NET AJAX Forum

2 answers

100 views

[Solved] Use of HeaderStyle-Width causes enclosing table to expand

Hello,

I am having an issue where I have a grid with many columns and am attempting to use the HeaderStyle-Width property in the designer to set the initial column width. When I do this, the table that contains the grid expands past its width. Removing the HeaderStyle-Width properties causes each column to be very narrow. Is there I way that I may control the width of the columns without having the surrounding HTML affected? I am using contentplaceholders and other placeholders are also affected.

<asp:Content ID="GridContent" ContentPlaceHolderID="GridContent" Runat="Server">

<table border="0" cellpadding="0" cellspacing="0" width="520">

<tr>

<td>

<div>

<telerik:RadGrid ID="RadGridProgram" runat="server"

AutoGenerateColumns="false" AllowSorting="True" AllowPaging="true" Skin="Simple" ClientSettings-Resizing-AllowColumnResize="true"

ItemStyle-Wrap="false" Width="500" HeaderStyle-Wrap="false" PageSize="10"

OnNeedDataSource="RadGridProgram_NeedDataSource" OnItemCommand="RadGridProgram_ItemCommand">

<PagerStyle Mode="NumericPages" />

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="true" DataKeyNames="ProgramID" ShowFooter="false" PagerStyle-AlwaysVisible="false" >

<NoRecordsTemplate>

<asp:Label ID="lblMsg" runat="server" Text="No Records found"></asp:Label>

</NoRecordsTemplate>

<Columns>

<telerik:GridButtonColumn ButtonType="LinkButton" HeaderText="Edit" CommandName="EditProgram" UniqueName="Edit" Text="Edit" HeaderStyle-Width="40" />

<telerik:GridBoundColumn HeaderText="Program ID" HeaderButtonType="TextButton" DataField="ProgramID" HeaderStyle-Width="80" />

<telerik:GridBoundColumn HeaderText="Prog. Collection. ID" HeaderButtonType="TextButton" DataField="ProgramId" Display="false" />

<telerik:GridBoundColumn HeaderText="Program Collection" HeaderButtonType="TextButton" DataField="ProgramCollection.ProgramName" HeaderStyle-Width="200" />

<telerik:GridBoundColumn HeaderText="Client ID" HeaderButtonType="TextButton" DataField="ClientId" Display="false" />

<telerik:GridBoundColumn HeaderText="Client" HeaderButtonType="TextButton" DataField="Client.ClientName" HeaderStyle-Width="150" />

<telerik:GridBoundColumn HeaderText="Program Name" HeaderButtonType="TextButton" DataField="ProgramName" HeaderStyle-Width="200" />

<telerik:GridBoundColumn HeaderText="Program Code" HeaderButtonType="TextButton" DataField="ProgramCode" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Description" HeaderButtonType="TextButton" DataField="ProgramDescription" HeaderStyle-Width="300" />

<telerik:GridBoundColumn HeaderText="Program Type Id" HeaderButtonType="TextButton" DataField="ProgramTypeId" HeaderStyle-Width="200" Display="false" />

<telerik:GridBoundColumn HeaderText="Program Type" HeaderButtonType="TextButton" DataField="ProgramType.ProgramTypeCode" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Domain Exp. Date" HeaderButtonType="TextButton" DataField="DomainExpDateText" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="SSL Exp. Date" HeaderButtonType="TextButton" DataField="SSLExpDateText" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Domain Name" HeaderButtonType="TextButton" DataField="DomainName" HeaderStyle-Width="250" />

<telerik:GridBoundColumn HeaderText="IPAddress" HeaderButtonType="TextButton" DataField="IPAddress" HeaderStyle-Width="250" />

<telerik:GridBoundColumn HeaderText="PM Name" HeaderButtonType="TextButton" DataField="PMName" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Developer Name" HeaderButtonType="TextButton" DataField="DeveloperName" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Job Number" HeaderButtonType="TextButton" DataField="JobNumber" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Adverse Events" HeaderButtonType="TextButton" DataField="HasAdverseEvents" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Pharmacy Lookup" HeaderButtonType="TextButton" DataField="HasPharmacyLookup" HeaderStyle-Width="100" />

<telerik:GridBoundColumn HeaderText="Fax" HeaderButtonType="TextButton" DataField="Fax" HeaderStyle-Width="100" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</td>

</tr>

</table>

</asp:Content>

Thanks,

Grid

answered on 24 Mar 2011

1 answer

99 views

Upgrading the Telerik.Charting.dll in SP 2010

We are using Telerik.Charting.dll in our SharePoint 2007 solution, we recently upgraded the solution to VS 2010 and SP 2010, and we want to upgrade the Telerik.Charting.dll to current version which is "RadControls for ASP.NET Q1 2009" , could you please guid us in upgrading, we have upgraded the "Telerik.Web.UI.dll" file.

Thanks,
Kartheek

General Discussions

answered on 24 Mar 2011

1 answer

103 views

RadInputManager and ASP FormView

Hi

When I use the RadInputManager property builder, controls inside a form view are not listed in the list of controls.

How can I use the RadInputManager with a FormView?

Thx
Chen

Input

answered on 24 Mar 2011

5 answers

150 views

DNN & RadDock

Hi

I'm trying to create user page with modules inside raddocks.
My files (main skin):
                    <telerik:RadDockLayout runat="server" ID="rdlLay">
                        <telerik:RadDockZone runat="server" id="ContentPane">
                        </telerik:RadDockZone>
                    </telerik:RadDockLayout>

Container:

<telerik:RadDock runat="server">
    <ContentTemplate>
        <div class="ContentPane" id="ContentPane" runat="server">
        </div>
    </ContentTemplate>
</telerik:RadDock>

With such configuration DNN doesnt find ContentPane, moves module to other pane. Is any way to get it working?

Dock

answered on 24 Mar 2011

5 answers

111 views

Problem with Radtabstrip having place holder instead of MultipageView

Hello,

I am using RadtabStrip with two tabs. Previously i had problem of executing the page life cycle of all active tabs when post back occurs in anyone of the tabs.
I followed this thread and replaced multipageview with place holder for usercontrols. I didn't use ViewState[""].
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/dynamic-loaded-controls-keep-running-even-if-not-active.aspx

Our requirement is different. Unless user enters data in first tab and clicks button (Like wizard), user willn't be allowed to go to next tab.
I am able to do that. But, under button click, though the second user control is loaded on screen, the first tab is still in the selection mode.
How can I change the selection mode to second tab when I transfer the user from one tab to next using the code.

I tried doing this.
In the parent page.aspx: I have

<telerik:RadTabStrip ID="RadTabStrip2" EnableTheming="true" runat="server" OnTabClick="RadTabStrip2_TabClick"
         AutoPostBack="True" SelectedIndex="0">
            <Tabs>
                <telerik:RadTab runat="server" Text="Simple control" Value="0">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Timer Control" Value="1" Enabled="false">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>

Under Button click
            RadTabStrip tabStrip = (RadTabStrip)Page.FindControl("RadTabStrip1");
            RadTab Tab2 = tabStrip.FindTabByText("Timer Control");
            Tab2.Enabled = true;
            Tab2.Selected = true;

Panel Panel1 = (Panel)Page.FindControl("Panel1");

            //Clear panel controls and add the newly loaded control
            Panel1.Controls.Clear();
            Panel1.Controls.Add(control);

I would like to attach the sample project. Could you pls let me know the process of attaching whole project.

Any help would be appreciated.

Thanks in Advance

TabStrip

answered on 24 Mar 2011

5 answers

270 views

Hide vertical bar on auto scroll

Hi,

I was following the sample project on this thread:

http://www.telerik.com/community/forums/aspnet/grid/how-to-auto-scroll-down-up-a-radgrid.aspx

But I was wondering if there is a way to completely hide the vertical scroll bar when it is auto-scrolling up and down. Thanks.

Grid

answered on 24 Mar 2011

1 answer

110 views

Enum support

I have a rad grid where one column has an enum value . Also a rad filter associated with the grid .

Is it possible somehow provide a list of possible values for user selection during contracting a filed editor for this column ?

Otherwise if it not possible , I would like to detect that user now constructing an expression for this column and display a tool tip describing which numeric value to enter instead of value of ENUM .

Thanks

Filter

answered on 24 Mar 2011

2 answers

97 views

[Solved] RadGrid inside MultiPage inside NestedView

I have an RadGrid (RadGrid2) inside a MultiPage that is in turn inside a NestedViewTemplate on a parent RadGrid (RadGrid1). I need to use the NeedDataSource of RadGrid2 because I am doing inline editing of the items inside that grid. The binding is relient on the DataKeyValue of the parent row of RadGrid1. What I am wondering is what is the best approach to retrieving the DataKeyValue of the row from RadGrid1 from the NeedDataSource event of RadGrid2.

Any help would be greatly appreciated as I am on a deadline and I have been struggling with this for a couple hours now.

Thanks!

Cole

Grid

answered on 24 Mar 2011

4 answers

166 views

[Solved] Calculated value from child records

Hi,

I would like to know if I can have a column in the master grid that it's a sum of child column?

For example, I have a master "invoices" grid with the "invoice lines" child grid. In the "invoices" grid I want a column with the total price of invoice, calculated from the sum of price column in "invoice lines" grid.

It's possible?
Regards
Jose

Grid

answered on 24 Mar 2011

1 answer

348 views

Adding controls to GridGroupHeaderItem on ItemCreated

Hi.
I have the following scenario:
I'm presenting grouped data in a RadGrid and on the group headers I would like to include an edit button for editing the group concept. The group concept in this case is units.
The sub data under units should also have an edit button, but this i can achieve.

I currently have two problems:
Whenever I try to add a control according to any of the examples i find in the forums, the control appears underneath/behind the minimize icon. I can't figure out how to put the control at the rightmost position in the header row.

My second problem is that i don't really understand how I'm suppose to pass the required value of my concept id (unitId) to the GroupHeaderItem in the ItemCreated event.

I have tried to subtract the code from my project and attached it below.

Best regards
Richard Furberg

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using System.Data;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

public class ExtendedRadGrid : RadGrid

{

public Int32 Year { get; set; }

}

protected void Page_Init(Object sender, EventArgs e)

{

RadScriptManager radScriptManager = new RadScriptManager();

this.form1.Controls.Add(radScriptManager);

RadAjaxLoadingPanel radAjaxLoadingPanel = new RadAjaxLoadingPanel() { ID = "radAjaxLoadingPanel", Skin = "Default" };

RadAjaxPanel radAjaxPanel = new RadAjaxPanel() { LoadingPanelID = "radAjaxLoadingPanel" };

RadTabStrip radTabStrip = new RadTabStrip() { Skin = "Default", AutoPostBack = true, MultiPageID = "radMultiPage", SelectedIndex = 0 };

RadMultiPage radMultiPage = new RadMultiPage() { RenderSelectedPageOnly = true, ID = "radMultiPage", SelectedIndex = 0 };

int[] years = new int[] { 2010, 2011 };

foreach (int year in years)

{

radTabStrip.Tabs.Add(new RadTab(year.ToString(), "RadTabID" + year.ToString()) { PageViewID = "PageViewID" + year.ToString() });

ExtendedRadGrid radGrid = new ExtendedRadGrid();

radGrid.PageSize = 20;

radGrid.Skin = "Windows7";

radGrid.Width = Unit.Percentage(100);

radGrid.PagerStyle.Mode = GridPagerMode.Slider;

radGrid.MasterTableView.TableLayout = GridTableLayout.Fixed;

radGrid.Year = year;

radGrid.NeedDataSource += new GridNeedDataSourceEventHandler(radGrid_NeedDataSource);

radGrid.FilterMenu.ExpandAnimation.Type = AnimationType.None;

radGrid.FilterMenu.CollapseAnimation.Type = AnimationType.None;

radGrid.AllowSorting = true;

radGrid.AllowPaging = true;

radGrid.ShowStatusBar = true;

radGrid.ShowFooter = true;

radGrid.AllowFilteringByColumn = true;

radGrid.FilterMenu.EnableShadows = true;

radGrid.FilterMenu.EnableRoundedCorners = true;

radGrid.ClientSettings.AllowDragToGroup = false;

radGrid.AutoGenerateColumns = false;

radGrid.ShowGroupPanel = false;

radGrid.GroupingEnabled = true;

radGrid.GroupingSettings.GroupByFieldsSeparator = " - ";

radGrid.GroupHeaderItemStyle.CssClass = "HeaderItem";

radGrid.ItemCreated += RadGrid1_ItemCreated;

radGrid.MasterTableView.DataKeyNames = new string[] { "RoleCompensationID", "UnitCompensationID" };

//----------------------------------------------------------------------------------

//Bound columns

GridBoundColumn gridBoundColumn;

gridBoundColumn = new GridBoundColumn();

gridBoundColumn.DataField = "Title";

gridBoundColumn.HeaderText = "Title";

gridBoundColumn.FooterText = "Title";

radGrid.MasterTableView.Columns.Add(gridBoundColumn);

GridTemplateColumn gridTemplateColumn = new GridTemplateColumn();

radGrid.MasterTableView.Columns.Add(gridTemplateColumn);

//----------------------------------------------------------------------------------

//GroupByExpressions

GridGroupByExpression expression = new GridGroupByExpression();

GridGroupByField gridGroupByField;

//SelectFields

gridGroupByField = new GridGroupByField();

gridGroupByField.FieldName = "UnitName";

gridGroupByField.HeaderText = " ";

gridGroupByField.HeaderValueSeparator = " ";

expression.SelectFields.Add(gridGroupByField);

gridGroupByField = new GridGroupByField();

gridGroupByField.FieldName = "UnitCompensationID";

gridGroupByField.HeaderText = " ";

gridGroupByField.HeaderValueSeparator = " ";

gridGroupByField.FormatString = " ";

expression.SelectFields.Add(gridGroupByField);

//GroupByField

gridGroupByField = new GridGroupByField();

gridGroupByField.FieldName = "UnitName";

gridGroupByField.HeaderText = " ";

gridGroupByField.HeaderValueSeparator = " ";

expression.GroupByFields.Add(gridGroupByField);

radGrid.MasterTableView.GroupByExpressions.Add(expression);

//----------------------------------------------------------------------------------

RadPageView radPageView = new RadPageView() { ID = "PageViewID" + year };

radPageView.Controls.Add(radGrid);

radMultiPage.PageViews.Add(radPageView);

}

radAjaxPanel.Controls.Add(new LiteralControl("<div style='margin-bottom:-1px;'>"));

radAjaxPanel.Controls.Add(radTabStrip);

radAjaxPanel.Controls.Add(new LiteralControl("</div>"));

radAjaxPanel.Controls.Add(radMultiPage);

this.form1.Controls.Add(radAjaxLoadingPanel);

this.form1.Controls.Add(radAjaxPanel);

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem dataItem = e.Item as GridDataItem;

dataItem.Attributes.Add("onClick", "alert('" + dataItem.GetDataKeyValue("RoleCompensationID") + "')"); // No problem getting the required id value.

}

else if (e.Item is GridGroupHeaderItem)

{

GridGroupHeaderItem gridGroupHeaderItem = e.Item as GridGroupHeaderItem;

DataRowView groupDataRow = (DataRowView)gridGroupHeaderItem.DataItem;

Button objButton = new Button();

objButton.CommandName = "Add";

objButton.ID = "Button_Add";

objButton.Text = groupDataRow["UnitCompensationID"].ToString();

// Here i created an extra gridGroupByField in selectFields with an empty FormatString for passing ID value. I'm sure there must be a better way...

((GridTableCell)gridGroupHeaderItem.Controls[0]).Controls.Add(objButton);

}

void radGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

//Here I'm retrieving and setting a DataTable as DataSource

}

Grid

answered on 24 Mar 2011