Questions on UI for ASP.NET AJAX Forum

6 answers

247 views

Parallel load multiple grids using Ajax on load

Hi,
I have a website (which has master page and content pages). One of the content pages has multiple Radgrid controls. The initial page load is very slow because each of the grid takes time to load the data. How can I make the page partially render on load as soon as each of the Radgrid controls has some data?
Is there any way I can make these load in parallel?
I tried several examples from this forum but they seem to be for older version of the RadControls.
Thanks,

Ajax

answered on 05 Nov 2012

4 answers

245 views

Format masking / filtering in RadDatePicker

How can i apply a dateformat mask to RadDatePicker? I am using Rad 2008 Q2

Calendar

answered on 05 Nov 2012

1 answer

69 views

MouseOver layout issue with custom EditorTool that shows text

I have a simple editor with a custom toolbar button. It shows an icon on the left side, and some text. When I mouse over the button the layout is messed up. Can't figure out why this is happening or how to stop it.

The issue is the same in Chrome, and IE 9 (with or without Compatibility Mode).

This is the editor code:

<style type="text/css">

.reTool_text .MergeFields

{

background-image: url(../Images/Icons/OneOffLetters/download.png) !important;

background-position: 0px !important;

}

</style>

<telerik:RadEditor ID="RadEditor" runat="server" Width="100%" OnClientCommandExecuting="OnClientCommandExecuting"

AutoResizeHeight="true" EditModes="Design" ContentAreaMode="Div">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorDropDown Name="InsertImage" />

<telerik:EditorTool Name="MergeFields" ShowText="true" Text="Insert Merge Field" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

Attached are a couple images showing the button before and during a mouse-over.

Editor

answered on 05 Nov 2012

1 answer

80 views

Showing detail upway on grid

Hello,

I'm searching for a control that is cabable of showing data detail up way.

Like you have a group called "vegetable" and when you expand the data, the detail is shown above the group

I need to reverse the showing way of data. Like "plan grouping function" in excel

Example 1 :

+ Vegetable

item1
item2
item3
^ Vegetable

and not

Vegetable
Item1
Item2
Item3

Did Grid Control can do that?

Grid

answered on 05 Nov 2012

2 answers

309 views

Input field in Date Picker not editable

I am using a Date Picker when user click on calender icon it opens a date picker from which user can select date but if user wish to change entered date from input field then Rad control not allowing to user to do so. I am using following css style to style my input fields,
#input
{
   /*width:150px;*/
   float:left;
   position:relative;
   margin-right:2px;
}
above ID aligns my label field and input field in one row,
following is the common style for all input type="text"
input[type=text]
{
   width:143px;
   float:left;
   position:relative;
   margin-right:2px;
}
I don't think that any one of above causing any such problem. any suggestion why Rad Date picker is not allowing user to edit date entered in input field.

Calendar

answered on 05 Nov 2012

2 answers

214 views

[Solved] How to bind master-nested-detail grid from objectDatasource

Hi everyone

I can bind master-detail grid from objectDataSource like this;

<telerik:RadGrid ID="radGridOrderProduct" ShowStatusBar="True" DataSourceID="objDsCartProductList"<br>

runat="server" Width="100%" AutoGenerateColumns="False" AllowSorting="True" AllowPaging="True"<br>

GridLines="None" CellSpacing="0"><br>

<PagerStyle Mode="NumericPages"></PagerStyle><br>

<MasterTableView Width="100%" DataSourceID="objDsCartProductList" DataKeyNames="Id"<br>

AllowMultiColumnSorting="True"><br>

<NestedViewTemplate><br>

<asp:Label ID="Label1" Text='<%#Eval("Id") %>' Visible="false" runat="server" /><br>

<telerik:RadGrid runat="server" ID="radGridOrderProductDetail" DataSourceID="objDsCartProductList"<br>

GridLines="None"><br>

<MasterTableView ShowHeader="true" AutoGenerateColumns="False" runat="server" HierarchyLoadMode="ServerOnDemand"<br>

DataSourceID="objDsCartProductList"><br>

<Columns><br>

<telerik:GridTemplateColumn><br>

<ItemTemplate><br>

<asp:Label ID="lblTotalPrice" runat="server" Font-Bold="true" Font-Size="14px" Text='<%# (Eval("TotalPrice").ToString()) %>'></asp:Label><br>

<span>TL</span><br>

</ItemTemplate><br>

</telerik:GridTemplateColumn><br>

</Columns><br>

</MasterTableView><br>

</telerik:RadGrid><br>

<asp:ObjectDataSource ID="objDsCartProductList" runat="server" SelectMethod="GetOrderProductListWithOrderId"<br>

TypeName="MatriksEshop.Web.UserControls.Order.Control.BaseUserControl"><br>

<SelectParameters><br>

<asp:ControlParameter ControlID="Label1" Name="orderId" PropertyName="Text" Type="String" /><br>

</SelectParameters><br>

</asp:ObjectDataSource><br>

</NestedViewTemplate><br>

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

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"><br>

</RowIndicatorColumn><br>

<ExpandCollapseColumn Visible="True"><br>

</ExpandCollapseColumn><br>

<Columns><br>

<telerik:GridTemplateColumn><br>

<HeaderTemplate><br>

<asp:Label ID="lblTotalPrices" runat="server" Text="<%$ Resources:Eshop, ProductTotal%>"></asp:Label><br>

</HeaderTemplate><br>

<ItemTemplate><br>

<asp:Label ID="lblTotalPrice" runat="server" Font-Bold="true" Font-Size="14px" Text='<%#(Eval("TotalPrice")) %>'></asp:Label><br>

<span>TL</span><br>

</ItemTemplate><br>

</telerik:GridTemplateColumn><br>

</Columns><br>

<EditFormSettings><br>

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

</EditColumn><br>

</EditFormSettings><br>

</MasterTableView><br>

<FilterMenu EnableTheming="True"><br>

<CollapseAnimation Duration="200" Type="OutQuint" /><br>

</FilterMenu><br>

</telerik:RadGrid><br>

<asp:ObjectDataSource ID="objDsCartProductList" runat="server" SelectMethod="GetOrderListWithMemberId"<br>

TypeName="MatriksEshop.Web.UserControls.Order.Control.BaseUserControl"></asp:ObjectDataSource>

But I want to detail level in this grid. I want to bind this grid with radGridOrderProductDetail dataKeyNames. How can i do this?

Best Regards

Grid

answered on 05 Nov 2012

1 answer

119 views

Create multiple ChartSeries on runtime

Hi All,
Greeting of the day!

I am using radchart and i want to create chartseries on runtime using for loop.
Suppose, i take a int i variable and assign 5 into i first time then chart series will be created 5.

Please suggest me, how we will do this.

Thanks
Viky

Chart (Obsolete)

answered on 05 Nov 2012

3 answers

313 views

range rad date picker

hi ,kindly help me . i have two datepickers (start date ,end date )
i want when the user select start date all end dates less than the start date become disabled likes the range filter date in radgrid

Calendar

answered on 05 Nov 2012

1 answer

76 views

Show todays date in datetimecolumn

I am using a datetimecolumn with filtering in radgrid. How can I show today's date as selected on opening the filter pop up?

General Discussions

answered on 05 Nov 2012

1 answer

161 views

ItemCommand Event

I have a RadGrid that I added an ItemCommand event to. The UI uses Twitter Bootstrap to open a modal window, this window has a textbox and a send button with a command name and command argument. When I click the button, I get :

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

ASPX:

<telerik:RadGrid ID="MyGrid" OnItemCommand="MyGrid_ItemCommand"

Skin="Sitefinity" AllowSorting="True" AutoGenerateColumns="false" AllowPaging="True"

PageSize="10" runat="server" GridLines="None" Width="100%">

<PagerStyle EnableSEOPaging="true" SEOPagingQueryStringKey="p" Mode="NumericPages">

</PagerStyle>

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn HeaderStyle-Font-Bold="true">

<ItemTemplate>

<%#Eval("Name")%></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-Font-Bold="true" HeaderText="Progress">

<ItemTemplate>

<div class="progress progress-success progress-striped" style="position: relative;

top: 10px;">

<asp:Panel runat="server" ID="progressBar" EnableViewState="false" CssClass="bar progress">

<%#Eval("Complete")%>

/

<%#Eval("TotalCount")%>

</asp:Panel>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderStyle-Font-Bold="true" HeaderText="Manage" ItemStyle-Width="220px">

<ItemTemplate>

<div class="btn-group">

<asp:HyperLink ID="matchLink" CssClass="btn" runat="server" Style="color: #333 !important;"

Text="<i class='icon-check'></i> Match" />

<button class="btn dropdown-toggle" data-toggle="dropdown">

<span class="caret"></span>

</button>

<ul class="dropdown-menu">

<li><a href="#message" data-toggle="modal"><i class='icon-envelope-alt'></i>Send Message</a></li>

<li>

<asp:LinkButton ID="downloadLinks" runat="server" Text="<i class='icon-download-alt'></i> Download Data" /></li>

</ul>

</div>

<div id="message" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">

×</button>

<h3 id="myModalLabel">

Send Message</h3>

</div>

<div class="modal-body">

<asp:TextBox TextMode="MultiLine" ID="messageTextBox" Width="500px" placeholder="Type your message here…"

runat="server" Rows="10"></asp:TextBox>

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">

Cancel</button>

<asp:Button ID="sendMessageButton" CommandName="SendMessage" CommandArgument='<%#Eval("Id")%>'

CssClass="btn btn-primary" Text="Send" runat="server" />

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code-behind:

protected void MyGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

// code

}

Grid

answered on 05 Nov 2012