Questions on UI for ASP.NET AJAX Forum

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

144 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

111 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

254 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

259 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

106 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

213 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

3 answers

176 views

Tooltip properties in RadCalendar

Is there a way to alter the properties of the built in tool tip for each appointment. More specifically, i need to adjust the AutoCloseDelay property so the tool tip stays on the user's screen longer. Right now the tool tip contains too much information to take in when it fades away after a few seconds.

Thanks,

Luke Wautier

Calendar

answered on 31 Aug 2011

1 answer

179 views

Change RadGrid drag-n-drop CSS animations

Hi,

In the following demo page, there are CSS animations which include cursor change and arrow indicator in group pane when I drag-n-drop a column into group pane:

http://demos.telerik.com/aspnet-ajax/grid/examples/groupby/outlookstyle/defaultcs.aspx

How do I style these animations?

TIA

Grid

answered on 31 Aug 2011