Questions on UI for ASP.NET AJAX Forum

1 answer

164 views

Hi Telerik,

I can't get my RadWindow to size below 150px and I don't know why! It seems super trivial. I've applied the normal CSS fixes. There's no auto-height going on, and I've set dimensions for all my controls. What do you guys think?

Relevant Code:

html, form, body

{

padding: 0;

margin: 0;

width: 250px;

height: 100%;

font-size: 12px;

font-family: "segoe ui",arial,sans-serif;

}

.LabelEnabled

{

color: Black !important;

}

.LabelDisabled

{

color: Gray !important;

}

.riTextBox

{

color: Black !important;

}

.BottomButton

{

margin-left: 93px;

}

<%@ Page Language="C#" EnableViewState="False" AutoEventWireup="True" CodeBehind="UploadDashboard.aspx.cs" Inherits="CableSolve.Web.Dashboard.Dialog.Windows.UploadDashboard" %>

<!DOCTYPE html>

<html lang="en">

<head runat="server">

<title></title>

</head>

<body>

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

<link rel="stylesheet" type="text/css" href="../../../Content/Dashboard/UploadDashboard.css" />

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

</telerik:RadScriptManager>

<telerik:RadUpload ID="RadUpload1" Runat="server" AllowedFileExtensions=".txt,.xml" Skin="Web20" MaxFileInputsCount="1" ControlObjectsVisibility="None" Height="44px" Width="238px" BorderWidth="0px" >

</telerik:RadUpload>

<div class="BottomButton">

<telerik:RadButton ID="RadButton1" Runat="server" Skin="Web20" Text="Upload" OnClick="RadButton1_Click" Height="22px" Width="54px" />

</div>

</form>

</body>

</html>

<telerik:RadWindowManager ID="RadWindowManager1" Runat="Server" Skin="Web20" Modal="True" KeepInScreenBounds="True" EnableShadow="True" Behaviors="Close, Move" VisibleStatusbar="False" ReloadOnShow="True" ShowContentDuringLoad="False" Behavior="Close, Move" Title="Confirm Action" IconUrl="~/Content/Dashboard/Icons/radwindow_confirmdelete.png">

<Windows>

<telerik:RadWindow ID="UploadDashboardWindow" Runat="Server" NavigateUrl="~/Dashboard/Dialog/Windows/UploadDashboard.aspx" IconUrl="~/Content/Dashboard/Icons/drive-upload.png" OnClientAutoSizeEnd="OnClientAutoSizeEnd" Title="Upload Dashboard" Height="100" />

</Windows>

</telerik:RadWindowManager>

// When a dialog window appears on the page, it does not automatically

// keep itself centered. If the user resizes the browser window, the

// dialog window may drop off the screen. This method keeps dialog windows shown.

function OnClientAutoSizeEnd(dialogWindow) {

dialogWindow.center();

}

The OnClientAutoSizeEnd event doesn't fire. It's just boilerplate code I've been attaching to all my windows and I show it to be unambiguous with the state of my window.

The only thing I can think of is that there's something weird going on with the Upload control? Its generated markup is more complex than expected.

Thanks

Sean

Window

answered on 31 Aug 2011

3 answers

383 views

Sys.WebForms.PageRequestManagerParserErrorException on Telerik Q1 2008

Occasionally, I got the same message Sys.WebForms.PageRequestManagerParserErrorException:: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.

Details: Error Parsing near 'Telerik.Web.UI.2008.'. I thought it only happened on Telerik 2007 version. Are you sure it caused by my version is still a trial version one or something else ?

John Hadikusumo

General Discussions

answered on 31 Aug 2011

2 answers

72 views

Input control disapears in a TabStrip + PageView

Hi,

on Sharepoint 2010 we create an ASPX Layout Page with multiple PageViews. The PageViews are dynamically added to TabStrip by code-behind. If we put the RadUpload in the PageView it doesn't shows the File-Input Control. After first click on "Upload"-Button the input is visible and can be used. I think the problem is related to the postback of TabStrip-Click ... but how to prevent/to require a full postback to the current PageView ...

Screenshot:

ASPX Page:

<telerik:radformdecorator id="FormDecorator1" runat="server" DecoratedControls="all" Skin="Windows7" ControlsToSkip="Fieldset"></telerik:radformdecorator>

<telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" Transparency="25" BackgroundPosition="Center">

<div style=

"vertical-align:middle;text-align:center;width:100%;height:100%;background-color:white;font-weight:bolder;font-size:large"

>

<img src="/_layouts/images/IFXForms/loading1.gif" alt="Loading ..." />

</div>

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<script type="text/javascript">

function onTabSelecting(sender, args) {

if (args.get_tab().get_pageViewID()) {

args.get_tab().set_postBack(false);

}

</script>

<table>

<tr>

<td valign="top">

<asp:UpdatePanel runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional" ID="formUpdatePanel">

<ContentTemplate>

<div style="padding-top: 10px;">

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1">

<div style="float:left; width:900px">

<telerik:RadTabStrip ID="RadTabStrip1" OnClientTabSelecting="onTabSelecting" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick"

CssClass="tabStrip">

</telerik:RadTabStrip>

<div style="padding: 10px;border-style:solid;border-width:1px">

<asp:Literal ID="lMessage" runat="server" visible="false"></asp:Literal>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated" CssClass="multiPage">

</telerik:RadMultiPage>

</div>

<div class="previewWrapper">

</div>

</telerik:RadAjaxPanel>

</div>

<br/>

</ContentTemplate>

</asp:UpdatePanel>

ASPX code-behid:

protectedvoidPage_Load(objectsender, EventArgs e)

{

initTabs();

if(!Page.IsPostBack)

{

Filename = this.Request.QueryString.Get("data");

itprData = deserializeData();

lPageTitle.Text = string.Format("Purchase Request {0} ({1})", itprData.ID, itprData.ActiveStepID.ToString());

lPageTitleInTitleArea.Text = string.Format("Purchase Request {0}", itprData.ID);

foreach(KeyValuePair<string, string> pair intabs)

{

AddTab(pair.Key);

}

AddPageView(RadTabStrip1.FindTabByText("Request Info"));

}

privatevoidAddTab(stringtabName)

{

RadTab tab = newRadTab();

tab.Text = tabName;

RadTabStrip1.Tabs.Add(tab);

}

protectedvoidRadMultiPage1_PageViewCreated(objectsender, RadMultiPageEventArgs e)

{

stringuserControlName = e.PageView.ID + ".ascx";

Control userControl = Page.LoadControl("~/_controltemplates/IFXForms/ITPR/"+ userControlName);

userControl.ID = e.PageView.ID + "_userControl";

e.PageView.Controls.Add(userControl);

}

privatevoidAddPageView(RadTab tab)

{

RadPageView pageView = newRadPageView();

pageView.ID = tabs[tab.Text];

RadMultiPage1.PageViews.Add(pageView);

pageView.CssClass = "pageView";

tab.PageViewID = pageView.ID;

}

protectedvoidRadTabStrip1_TabClick(objectsender, RadTabStripEventArgs e)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

PageView Control ASCX:

<telerik:RadScriptBlock ID="RadScriptBlock12" runat="server">

<script type="text/javascript">

// on upload button click temporarily disables ajax to perform

// upload actions

function conditionalPostback(sender, args) {

if (args.get_eventTarget() == "<%= FileUploadButton.UniqueID %>") {

args.set_enableAjax(false);

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxPanel runat="server" id="RadAjaxPanel12"

ClientEvents-OnRequestStart="conditionalPostback">

<telerik:RadUpload runat="server" id="RadUpload1" EnableFileInputSkinning="false" />

<asp:Button id="FileUploadButton" runat="server" text="Upload" OnClick="SubmitButton_Click" />

</telerik:RadAjaxPanel>

Upload (Obsolete)

answered on 31 Aug 2011

4 answers

143 views

Radtree NodeTemplate editing

Hi,
I am using RadGrid as node Templates in Radtree. Radgrid has suppoort to add/edit the fields. When Radgrid goes into add/edit mode & I press spacebar in Textbox inside the radgrid automatically root tree node gets selected & on presseing left/right arrow keys tree refreshes. How I can stop selecting the tree node on pressing space key inside the textbox. I tried disabling the onkeydown event

tree.detachEvent("onkeydown",tree.onkeydown); for tree but it did not work.

Thanks.

TreeView

answered on 31 Aug 2011

1 answer

108 views

[Solved] Row looks corrupted when row selected in IE 8

I have RadGrid with many columns and selectable rows, here is its code:

<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" AllowMultiRowSelection="true" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCreated="RadGrid1_ItemDataBound" OnPreRender="RadGrid1_PreRender"

Width="2000px" AllowFilteringByColumn="True" AllowSorting="True"

PageSize="20" ShowGroupPanel="true" ShowStatusBar="true" ShowFooter="True" AllowPaging="True" runat="server"

GridLines="Both" EnableLinqExpressions="true">

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

<GroupingSettings CaseSensitive="false" />

<MasterTableView AutoGenerateColumns="false" GroupsDefaultExpanded="false" CommandItemDisplay="None" EditMode="InPlace" AllowFilteringByColumn="True" DataKeyNames="VendorChargeId"

ShowFooter="True" TableLayout="Fixed">

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<HeaderStyle Width="40px"/>

</telerik:GridClientSelectColumn>

<telerik:GridCheckBoxColumn DataType="System.Boolean" AllowFiltering="true" HeaderText="Requires Comment" Groupable="false" DataField="RequiresComments" UniqueName="RequiresComments" ReadOnly="false" >

<HeaderStyle Width="80px"/>

</telerik:GridCheckBoxColumn>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderText="Comments">

<ItemTemplate><asp:LinkButton ID="ShowComment" runat="server"

OnClick='<%# String.Format("ShowComment({0}); return false;",Eval("VendorChargeId")) %>'  Text='<%# Eval("Comments") %>'></

asp:LinkButton></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn FilterControlWidth="105px" DataField="ChargeDate" HeaderText="Transaction Date" DataFormatString="{0:dd/MM/yyyy}"

UniqueName="ChargeDate" AutoPostBackOnFilter="true" AllowSorting="true" AllowFiltering="false" Groupable="true" ShowFilterIcon="false">

<HeaderStyle Width="80px"/>

<ItemStyle Width="80px" />

</telerik:GridDateTimeColumn >

<telerik:GridBoundColumn AllowFiltering="true" FilterControlWidth="40px" Groupable="true" DataField="Resource" UniqueName="Resource" HeaderText="Resource">

<HeaderStyle Width="80px"/>

<ItemStyle Width="80px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="Researcher" UniqueName="Researcher" HeaderText="Researcher"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="ResearcherValid" UniqueName="ResearcherValid" HeaderText="ResearcherValid" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="Timekeeper" UniqueName="Timekeeper" HeaderText="Timekeeper"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="TimekeeperValid" UniqueName="TimekeeperValid" HeaderText="TimekeeperValid" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="MatterNumber" UniqueName="MatterNumber" HeaderText="Matter Number"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="MatterName" UniqueName="MatterName" HeaderText="Matter Name"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="MatterValid" UniqueName="MatterValid" HeaderText="MatterValid" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="ClientName" UniqueName="ClientName" HeaderText="Client Name"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="ChargeService" UniqueName="ChargeService" HeaderText="Service"></telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="true" DataField="ChargeDescription" UniqueName="ChargeDescription" HeaderText="Charge Description">

<ItemStyle Width="180px" />

<HeaderStyle Width="180px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" FilterControlWidth="50px" Groupable="false" DataField="ChargeDatabaseTime" UniqueName="ChargeDatabaseTime" HeaderText="Database Time">

<HeaderStyle Width="90px"/>

<ItemStyle Width="90px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="true" Groupable="false" DataField="TransactionCount" UniqueName="TransactionCount" HeaderText="Transactions"></telerik:GridBoundColumn>

<telerik:GridMaskedColumn FilterControlWidth="70px" AllowFiltering="true" Groupable="true" DataField="TotalCharge" UniqueName="TotalCharge" HeaderText="Total Charge" SortExpression="TotalCharge" DataType="System.Double" Aggregate="Sum" DataFormatString="{0:0.00}" FooterAggregateFormatString="Grand Total: {0:0.00}" >

</telerik:GridMaskedColumn>

<telerik:GridTemplateColumn FilterControlWidth="85px" UniqueName="VendorChargeIdLink" HeaderText="Import Raw Data" AllowFiltering="false" Groupable="false">

<ItemTemplate>

<asp:LinkButton ID="ShowRawData" runat="server"

OnClick='<%# String.Format("ShowRecords({0}); return false;",Eval("VendorChargeId")) %>'  Text='<%# Eval("VendorChargeId") %>'></

asp:LinkButton>

</ItemTemplate>

<HeaderStyle Width="80px"/>

<ItemStyle Width="80px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn AllowFiltering="false" Groupable="false" DataField="VendorChargeId" UniqueName="VendorChargeId" HeaderText="Id" Display="false">

<HeaderStyle Width="30px" />

</telerik:GridBoundColumn>

</Columns>

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

</MasterTableView>

<ExportSettings IgnorePaging="true" ExportOnlyData="true" HideStructureColumns="true" OpenInNewWindow="true" FileName="Export">

</ExportSettings>

<ClientSettings AllowDragToGroup="true">

<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />

<Scrolling AllowScroll="false" />

</ClientSettings>

</telerik:RadGrid>

the problem is with Comments column which is template column (its UniqueName is TemplateEditColumn) , in IE 8 when I select a row it looks corrupted:

http://screencast.com/t/QkJzsLZU5bv

It looks fine in IE 9 and Firefox 5.

Grid

answered on 31 Aug 2011

1 answer

247 views

Open RadWindow Server side

hi i open radwindow with the following code , my problem is if i set VisibleOnPageLoad=true the code is working but each time the page post back the Radwindow open again if i set VisibleOnPageLoad=false couldn't open radwindow

Dim RW As New RadWindow

RW.NavigateUrl = "Search.aspx"

RW.VisibleOnPageLoad = True

RW.Width = New Unit(720, UnitType.Pixel)

RW.Height = New Unit(532, UnitType.Pixel)

RW.VisibleStatusbar = False

RW.MaxWidth = New Unit(720, UnitType.Pixel)

RW.MaxHeight = New Unit(532, UnitType.Pixel)

RW.OnClientClose = "OnClientClose"

RW.Modal = True

RadWindowManager1.Windows.Add(RW)

Window

answered on 31 Aug 2011

3 answers

256 views

[Solved] Collapse Group show Group Footer

How can I show the group footer when the group is collapsed? So that the collapsed group would show the header with the name and expand/collapse button, and directly below it the footer with all the aggregates for the group.
Thanks

Grid

answered on 31 Aug 2011

3 answers

88 views

[Solved] Exporting Mutliple radgrids to one word Doc

I would like to be able to export data from multiple radgrids at the same time to a word document, Is this possible?

Grid

answered on 31 Aug 2011

2 answers

105 views

Script error when manipulating the items list of RadSlidingZone

Hi,

I get the following script error when I have removed items form the RadSlidingZone:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2; .NET4.0C; .NET4.0E)
Timestamp: Thu, 25 Aug 2011 13:07:22 UTC

Message: Sys.ArgumentNullException: Value cannot be null.
Parameter name: panelsCreated[7]
Line: 129
Char: 12
Code: 0
URI: http://vmrfri01/ScriptResource.axd?d=2TuO-4de3Cu2jy3GwiBJ9I354x-wa6kqKgnO8MqrHMQCNtAd_g7gknzZfooaXJe3O3k-3KBVsXHPIKGN0b4GONkdyHiZcbOp_H4nzrreccw2VN6Qxn_MHS2MJaxWOnUtFekVypqt0uE6Hi6aBatu4oYI0Sl47S4Hbt4BWJMq_rrbCbka0&t=ffffffffb6731f87

I have defined four slidingpanes in the slidingzone in the aspx file.
In the InitComplete event method I have added two new panes and removed one exisiting pane.
When I load the page, I get the error message.
When I only add panes all working fine without the error
Only when I have removed an existing pane the error occurs after page is loaded.

I'm using the the telerik version 2011.2.712.35

Any idea why the error occurs?

Best regards,
Ralf
d-velop.de

Splitter

answered on 31 Aug 2011

1 answer

208 views

[Solved] RadDock resizing problem

Hello,

when I resize the raddock to fit it's contents (usually the radDock's width is increaed; the radDock contains a radGrid), the title bar doesn't resize properly.
The width changes correctly, but the "drag zone" doesn't get wider.
For example if the radDock's width is increased from 100px to 200px, the left half of the title can be used to drag the radDock (the curser changes to the move icon when hovering) but when I hover the right part of the title it doesn't work.

After dragging the radDock a bit using the left half of the title, the right part also works correctly.

What can I do about this issue?
The resizing is done client side using the set_width property of the rad dock. The function is called by using:

Sys.Application.add_load(initializeRadDockResources);

I also tried using the OnClientInitialize event, but when using that the whole title has no "drag zone" after resizing. Also the title text is missing. But when the RadDock is opened a second time everything works.

Thanks!

Edit: I just checked something and the problem in OnClientInitialize is the same as in the load event handler. I just set the width to 0 before. It seems that when the radDock is opened and I set the width as described above, the value is not used until the radDock is opened the next time.

Dock

answered on 31 Aug 2011