Questions on UI for ASP.NET AJAX Forum

1 answer

103 views

Grid Width is greater than it should be when Grouping is applied

Hi

I have a RadMultipage with a width Set at 100%, within the multipage i have a RadPageView also with a width of 100%, within the PageView i have a grid with a width of 100% the grid is defined as below see code example

My problem is that the grid extends beyond the width of the Pageview, my grid columns are bound at run time so am not specifying any column widths, if i collapse the grouping then the grid fits within the Pageview, how can i control the width when the grouping is expanded ?

MyGrid:

<telerik:RadGrid ID="GridAwaitingAction" runat="server" Skin="WebBlue" AllowPaging="True"

AllowSorting="True" Culture="en-GB" GridLines="None"

AllowFilteringByColumn="True" Width="100%">

<GroupingSettings GroupByFieldsSeparator=";" />

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowClick="RowClick" />

</ClientSettings>

<MasterTableView DataKeyNames="WSARecordID" Width="100%">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Status" FieldName="Status"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Status"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridButtonColumn CommandName="ViewWSA"

ImageUrl="~/App_Themes/Merlin/Images/410.png" Text="Preview Report" UniqueName="ViewWSA">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_WebBlue"

EnableImageSprites="True">

</HeaderContextMenu>

</telerik:RadGrid>

Grid

answered on 23 Mar 2011

1 answer

127 views

RadButton not responding after validation error in radpopup

Hi guys,
I have a simple textfield (with required field validatior) and a radbutton in a RadPopup. and on button_click require field validation occurs, when i type text in the textfield the validation error message disappears but the button does not respond. Does anybody have a solution for that..

Thank you for the time.

Regards,
Umair Mehmood

Button

answered on 23 Mar 2011

1 answer

236 views

Performance Problem with Hierarchical Grid in Edit Mode

Hi,

In my current project, I have written a web page containing a Hierarchical RadGrid.

On each data row of the grid, there are 3 CheckBoxes set to edit mode.

The users are able to check or uncheck any of the CheckBoxes and click the Submit button to save the data on the back-end.

The data displayed on the grid are stored on a DataSet.

All operations on the web page are done on the server-side.

The development and testing stages have been completed, and the project is in the UAT stage right now.

However, there seems to be a performance problem with the web page when there are many data rows.

It is very slow to perform the following operations:
- to open up a tree level (by clicking the <)
- to check or uncheck the CheckBox

The screenshot of the web page can be found here.

The ASPX source code can be found here while the ASPX.CS source code can be found here.

When I did a View Source on the browser, the file is pretty huge and can be found here.

Can you please help me with the following:
- how to improve the performance for the operations above.
- how to reduce the size of code (in particular the ViewState).
- if there is any problem or weaknesses in my approach as shown in the source code.

Regards,
Herman

Grid

answered on 23 Mar 2011

3 answers

136 views

Get ItemTemplate Client

I use Table template in font of RadCombobox.
How can I get Product Name & Product Price which Product ID value had been input.
Thank

<telerik:RadComboBox ID="cboProducts" runat="server" Skin="Windows7" Font-Names ="Tahoma" Font-Size ="13px"

Width="500px" Height="150px" CollapseDelay="0" EmptyMessage="-- Select --" CausesValidation="false" EnableLoadOnDemand="true"

EnableItemCaching="true" ExpandDelay="0" MarkFirstMatch="true" HighlightTemplatedItems="true" ShowMoreResultsBox="true" EnableVirtualScrolling="true" ShowToggleImage="false">

<ExpandAnimation Duration="0" Type="None" />

<CollapseAnimation Duration="0" Type="None" />

<HeaderTemplate>

<table style="width: 500px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 100px;">

Product ID</td>

<td style="width: 330px;">

Product Name</td>

<td style="width: 70px;">

Product Price</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 465px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 90px;">

<%# DataBinder.Eval(Container, "ProductID")%>

</td>

<td style="width: 300px;">

<%# DataBinder.Eval(Container, "Attributes['ProductName']")%>

</td>

<td style="width: 70px;" align="right">

<%# DataBinder.Eval(Container, "Attributes['ProductPrice']")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

s

ComboBox

answered on 23 Mar 2011

2 answers

136 views

[Solved] Radio buttons and checkboxes bug

I have simple page:

1 grid with many rows (for scrolling), formdecorator and a checkbox on each row.

When you make a scroll and click at checkbox or radio button then page make scrolling or disappears.

If I avoid them from decorating everything is OK.

P.S For another controls this not happens

Here is the code:

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

<style runat="server">

html, body, form

{

overflow:hidden;

height:100%;

}

.scroll

{

overflow:scroll;

height:100%;

}

</style>

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="True">

</telerik:RadSkinManager>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />

</div>

<div class="scroll">

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource">

<MasterTableView>

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn HeaderText="Checkox">

<ItemTemplate>

<asp:CheckBox ID="chk" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="text" FilterControlAltText="Filter column1 column"

HeaderText="Text" UniqueName="column1">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Code Behind

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

List<string> items = new List<string>();

for(int i = 1; i <= 200; i++)

{

items.Add(string.Format("Item {0}", i));

}

RadGrid1.DataSource = items;

}

FormDecorator

answered on 23 Mar 2011

0 answers

94 views

RadComboBox dont work

Hi, I'm having a problem with the components and RadDate RadComboBox, they'reinside a div and I can not modify any information on them, I can not select the contentsby clicking the item to view the information. The enable this to true and yet does nothing

General Discussions

asked on 23 Mar 2011

2 answers

179 views

Disabling a RibbonBarButton within RibbonBar

I noticed when you disable a RibbonBarButton only its Text property gets affected. It grays out the corresponding text and that's it. You can still hover the button (image) itself, so it looks like the button has not been disabled at all. It would be great that a disabled RibbonBarButton shows a grayed out Text and Image without hover effect, like it is used within Office software. I don't know if there's a workaround for this or if it's a known issue which will be corrected in an upcoming release. Hopefully someone can clear things up for me. Thanks in advance.

Regards,
Datamex

RibbonBar

answered on 23 Mar 2011

4 answers

180 views

[Solved] error 'ResetForm' is undefined Master page scenario

Loading a script within a Master page does not work at all. I get the following error from IE7 when loading the page:

error: 'ResetForm' is undefined
Code: 0
URL: http://localhost:.........

In the master page is the following code

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/common.js"  />
        </Scripts>
    </telerik:RadScriptManager>  




The script file (common.js) is:
function ResetForm(sender, eventArgs) {
    document.forms[0].reset();
    return false;
}




I am thinking that the masterpage is loaded after the content.  so, in that case why is there a script manager

in the master page??  Or should I be loading my script in the content page??  I haven't seen an answer to this

seemingly common problem anywhere.  





thank you!

ScriptManager and StyleSheetManager

answered on 23 Mar 2011

4 answers

158 views

textbox problem in RADEditor

Hi,
when adding the text box inside the RADEditor, after submitting the page it automatically inserts some table tag around the text box tag. any idea how to prevent this behaviour?

regards,
Elangovan P

Editor

answered on 23 Mar 2011

2 answers

115 views

Cant align text after paste from word

When I paste the following HTML from word without any format stripping into design mode, RadEditor will not allow me to allign the text left until I switch to HTML mode and back to design mode. It seems the filters are not being applied.

<P style="TEXT-ALIGN: center; MARGIN: 0cm 0cm 10pt" class=MsoNormal align=center><SPAN style="COLOR: #00b050"><FONT face=Calibri>This is an extremely sophisticated newsletter<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></SPAN></P>

<P style="TEXT-ALIGN: center; MARGIN: 0cm 0cm 10pt" class=MsoNormal align=center><SPAN style="COLOR: #00b050"><FONT face=Calibri>DOCUMENT<o:p></o:p></FONT></SPAN></P>

<P style="TEXT-ALIGN: center; MARGIN: 0cm 0cm 10pt" class=MsoNormal align=center><o:p><FONT face=Calibri> </FONT></o:p></P>

Editor

answered on 23 Mar 2011