Questions on UI for ASP.NET AJAX Forum

2 answers

145 views

Hi,
I have a radGrid with a couple of DateTime Columns, they seem great my only issue being the icon for selecting a date hides the majority of the textbox that it populates.

[][Y][D] What it currently looks like (D being the radcalender)

[ ]
[Y][D] I would like it the options to be below the textbox

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" EnableAJAX="True" GridLines="None"

OnRowDataBound="NamesGridView_RowDataBound" PageSize="14"

DataKeyNames="OrderId" ShowGroupPanel="True" CellSpacing="0">

<ClientSettings AllowDragToGroup="True" Selecting-AllowRowSelect="true">

</ClientSettings>

<GroupingSettings ShowUnGroupButton="True" />

<ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True"

ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True"></Selecting>

<ClientEvents OnRowMouseOver="RowMouseOver"></ClientEvents>

</ClientSettings>

<GroupPanel Visible="True">

</GroupPanel>

<MasterTableView CommandItemDisplay="Top" ClientDataKeyNames="OrderID, Text" DataKeyNames="OrderID">

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

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="TemplateEditColumn">

<ItemTemplate>

<asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink>

</ItemTemplate>

<FooterStyle Width="32px" />

<HeaderStyle Width="32px" />

<ItemStyle Width="32px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="OrderId" HeaderText="Order Ref"

SortExpression="OrderId" UniqueName="OrderId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OrderNum" HeaderText="Order Number"

SortExpression="OrderNum" UniqueName="OrderNum" Visible="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProjectRef" HeaderText="Project" UniqueName="ProjectRef"

SortExpression="ProjectRef">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Location" HeaderText="Location" UniqueName="Location"

SortExpression="Location">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CostCentre" HeaderText="Cost Centre" UniqueName="CostCentre"

SortExpression="CostCentre">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AccountCode" HeaderText="Account Code" UniqueName="AccountCode"

SortExpression="AccountCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="activityRef" HeaderText="Order Activity" UniqueName="activityRef"

SortExpression="activityRef">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CategoryRef" HeaderText="Type of Work" UniqueName="CategoryRef"

SortExpression="CategoryRef" >

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="OrderDate" HeaderText="Order Date" UniqueName="OrderDate"

SortExpression="OrderDate">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="PlanDate" HeaderText="Target Complete" UniqueName="TargetComplete"

SortExpression="PlanDate">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="ActualDate" HeaderText="Actual Complete" UniqueName="ActualComplete"

SortExpression="ActualDate">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="Amount" HeaderText="Estimated Cost" UniqueName="EstimatedCost"

SortExpression="Amount">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ServiceProvider" HeaderText="Service Provider"

UniqueName="ServiceProvider" SortExpression="ServiceProvider" Visible="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Text" HeaderText="Text" UniqueName="Text" Display="false">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<CommandItemTemplate>

<table style="width: 100%;">

<tr>

<td style="width: 50%;">

<a href="#" onclick="return ShowInsertForm();">

<img alt="Insert" border="0" height="20" src="App_Images/AddRecord.gif" width="20" />

Add New Record</a>

</td>

<td align="right" style="width: 50%">

<asp:CheckBox ID="chkArchived" runat="server" AutoPostBack="True" OnCheckedChanged="chkShowArchived_CheckChanged"

Text="Show Archived" Width="163px" />

</td>

<td align="right" style="width: 50%">

<asp:CheckBox ID="chkComplete" runat="server" AutoPostBack="True" OnCheckedChanged="chkShowComplete_CheckChanged"

Text="Show Completed" Width="163px" />

</td>

</tr>

</table>

</CommandItemTemplate>

</MasterTableView>

<FilterItemStyle HorizontalAlign="Left" Wrap="True" />

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

How would I go about doing this?
Many Thanks
Ryan

Grid

answered on 20 Nov 2012

8 answers

268 views

RadTextBox onKeyPress + AJAX problems

Some of newer Telerik ASP.NET AJAX upgrade caused change in RadTextBox behavior. Ajax request called from onKeyPress (eg. after press Enter) sends to server empty string (textbox's .Text property is empty). It worked before but suddenly (adter some components upgrade I think) stopped. This issue can be demonstrated in your own demo :)
http://demos.telerik.com/aspnet-ajax/webmail/
You must press twice Enter in "Search Inbox" RadTextBox to launch search. First press calls ajax function, but server will get empty search string. Second Enter press sends last value.

What changed? And how can I fix this problem?

Thank you!
Zdenek

Input

answered on 20 Nov 2012

1 answer

92 views

ResizeWithParentPane not working with splitters created by ajax

Hi,

I have a radsplitter on my page. In the top side of the splitter there is a multipage control (and a tabstrip which is not provided in the code below). I would like to load another splitter to this multipage control using ajax. Here is my code:

aspx:

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

<telerik:RadScriptManager ID="ScriptManager" runat="server" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Button runat="server" ID="Button1" Text="Button" />

<telerik:RadSplitter runat="server" ID="splitter" Orientation="Horizontal" Width="100%" Height="100%" Skin="WebBlue" VisibleDuringInit="false" LiveResize="true">

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

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" OnPageViewCreated="RadMultiPage1_PageViewCreated"/>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="RadSplitBar1" />

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

RadPane2

</telerik:RadPane>

</telerik:RadSplitter>

</form>

cs:

protected override void RaisePostBackEvent( IPostBackEventHandler sourceControl, string eventArgument )

{

RadMultiPage1.PageViews.Add( new RadPageView() );

base.RaisePostBackEvent( sourceControl, eventArgument );

}

protected void RadMultiPage1_PageViewCreated( Object sender, RadMultiPageEventArgs e )

{

RadSplitter splitter = new RadSplitter();

splitter.ResizeWithParentPane = true;

splitter.Items.Add( new RadPane() );

splitter.Items.Add( new RadSplitBar() );

splitter.Items.Add( new RadPane() );

e.PageView.Controls.Add( splitter );

e.PageView.Selected = true;

}

Everything works fine except the ResizeWithParentPane property. If I resize the outer splitter, the inner (dynamically created) splitter won't get the desired size. Am I missing something?

Splitter

answered on 20 Nov 2012

1 answer

75 views

GridViewCaluculatorCoulumn Format String

Hi,
I have a RadGridView contains GridViewCaluculatorCoulumn, i want to know the FormatString to display the number separated by commas for example 1234567.89 to appear as 1,234,567.89
What is the FormatString to do this??

Thanks in advance.

General Discussions

answered on 20 Nov 2012

5 answers

291 views

problem with radgrid mouse hover

Hi,

I have 3 radgrids in a form- 2 of them works fine but the last one - and it's also the bigger one causes a problem - whenever I run the mouse cursor over a row, all of the rows starting to like vibrate- move a bit (meaning it's not like the grid is moving anywhere but the rows starts jiggle..
Is there anything I can do to stop that??

thanx.

Grid

answered on 20 Nov 2012

3 answers

100 views

Webusercontrol and Radajaxmanager

Hi,
I have a Masterpage.
Inside this Masterpage is a Contentpage which has a Radajaxmanager and a Tabstrip + MultipageView.
For each Multipage a Webusercontrol which has Radgrid is loaded dynamically (onclick of Tabstrip).

What i want to achieve is, that if a particular Button in the Radgrid (which resides in the Webusercontrol) is clicked,
the Tab changes and shows the Grid of another Webusercontrol.

Until now, everything works fine. Except that the Tab is not changing. (The Multipage changes, and the other Grid is shown, but the selected tab remains).

If i set enableajax of Ragajaxmanager to false, it works as expected.

Here is some of my Code:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest" EnableAJAX="true" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rtsGostTab">

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="rtsGostTab" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadTabStrip ID="rtsGostTab" SelectedIndex="0" CssClass="tabStrip"

runat="server" MultiPageID="RadMultiPage1" Skin="Office2010Blue" OnTabClick="RadTabStrip1_TabClick" Orientation="HorizontalTop">

</telerik:RadTabStrip>

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

</telerik:RadMultiPage>

As I said, in the Webusercontrol is a simple Grid, so i tried following in the Code behind.

void GostGrid_ItemCreated(object sender, GridItemEventArgs e)

{

if ((e.Item) is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

LinkButton btn = (LinkButton)item["Perspective"].FindControl("lbtnPerspective");

RadAjaxManager AjaxManager = RadAjaxManager.GetCurrent(Page);

AjaxManager.AjaxSettings.AddAjaxSetting(btn, this.Page.Master.FindControl("MainContentPlaceHolder").FindControl("rtsGostTab"), null);

}

I expected, that if I click on the Linkbutton, the Tabstrip updates too (as it does if i set enableajax to false).

Has anybody an advise?

General Discussions

answered on 20 Nov 2012

3 answers

57 views

Speed up publishing? General question about Telerik DLL's and publishing.

Wondering whether anyone has suggestions about best practices for speeding up publishing.

The developers on my project regularly update websites using the VS 2010 Publish Website wizard and FTP. The site files are generally less than 5mb, and then there are the 35mb of Telerik DLL and XML files. Files are precompiled, so no raw code is placed on the remote server.

These applications often change; a new report is added, a form is modified, etc., and changes are posted as they are requested and completed. The publish wizard replaces the whole site structure, uploading 40mb of files of which at least 35mb haven't changed.

Is there a reliable way to publish only the changed files, and exclude the Telerik files?

TIA for any suggestions.

General Discussions