Questions on UI for ASP.NET AJAX Forum

11 answers

560 views

Source code to webmail demo

Hi

For some time ago I found a link to download the source code to http://demos.telerik.com/webmail/

Now I cannot find it anymore. Where is it possible to find it?

/Mathias

General Discussions

answered on 24 Sep 2015

11 answers

442 views

Telerik Web Mail demo app code

Is the code for the "Web Mail" demo app available anywhere. There are some visual elements on the page that I would like to figure out how to code. Mainly, what control is the container on the top of the screen which contains the text "Telerik Web Mail"?

General Discussions

answered on 24 Sep 2015

4 answers

171 views

Details Table load/render Takes longer time

Hello,

I have very simple grid to load 2000 rows per page. while expanding details table it's taking load/render about 10 seconds. But details table has only 3 rows.

Here is my code. please advise me if i am doing anything wrong.

<telerik:RadGrid ID="RadGrid1" runat="server" ShowStatusBar="true" AutoGenerateColumns="False"

PageSize="2000" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True"

OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource">

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

<MasterTableView DataKeyNames="PersonID" AllowMultiColumnSorting="True">

<Columns>

<telerik:GridBoundColumn SortExpression="LeadFullName" HeaderText="LeadFullName" HeaderButtonType="TextButton" DataField="LeadFullName">

</telerik:GridBoundColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="PersonID" Name="Orders" Width="100%">

<Columns>

<telerik:GridBoundColumn SortExpression="short_description" HeaderText="short_description" HeaderButtonType="TextButton"

DataField="short_description">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

if (!e.IsFromDetailTable)

{

RadGrid1.DataSource = GetList();

}

protected void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)

{

GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;

switch (e.DetailTableView.Name)

{

case "Orders":

{

int PersonID = Convert.ToInt32(dataItem.GetDataKeyValue("PersonID").ToString());

e.DetailTableView.DataSource = Claimant.GetDocuments(PersonID);

break;

}

Grid

answered on 24 Sep 2015

1 answer

264 views

Radgrid : on setting column width from code behind, frozen column stops working

Hello,

Scenario: In radgrid,

1. Frozen columns is set to 3

2. <Scrolling AllowScroll="true" SaveScrollPosition="true" />

3. ColumnResizing : <Resizing ClipCellContentOnResize="false" AllowColumnResize="True" EnableRealTimeResize="false" ResizeGridOnColumnResize="false" AllowResizeToFit="true"></Resizing>

In the below mentioned server side event, when I set the HeaderStyle.Width of a clolumn, the Frozen column stops working in all browsers

Protected Sub dgEscrow_PreRender(sender As Object, e As EventArgs)

Dim visibleCols As Int32 = 0

Dim lstIndex As New List(Of Integer)

For Each col As GridColumn In dgEscrow.MasterTableView.Columns

If col.Visible Then

visibleCols = visibleCols + 1

lstIndex.Add(col.OrderIndex)

End If

Next

Dim lastVisibleCol As GridColumn = dgEscrow.MasterTableView.GetColumn(dgEscrow.MasterTableView.Columns(lstIndex(visibleCols - 1) - 2).UniqueName)

lastVisibleCol.HeaderStyle.Width = Unit.Pixel(137)

''dgEscrow.MasterTableView.Columns(lstIndex(visibleCols - 1) - 2).HeaderStyle.Width = Unit.Pixel(137)

'dgEscrow.MasterTableView.Columns(lstIndex(visibleCols - 1) - 2).ItemStyle.Width = Unit.Pixel(137)

End Sub

Can you please suggest by which I can solve this problem

Please reply at the earliest because I need to provide the fix..

Grid

answered on 23 Sep 2015

1 answer

168 views

is Telerik ASP.NET AJAX VSExtensions a free version ?

Recently, I have seen a Telerik ASP.NET AJAX VSExtensions on visualstudiogallery.msdn.microsoft.com.

Can I use it for a internal project, non commercial and without trial 30 days ?

Thanks !

General Discussions

answered on 23 Sep 2015

7 answers

424 views

Getting more than args.value when clicking on a bar in the chart

I have created an HTML chart bound to a SQL data source. Following a client-side exampleI have added an event handler which echoes the value of the bar show in the attached file.

When I click on the indicated bar an alert pops up telling me the value is "5".

What I really want is the is the X axis value, which in this case is "1920".

The purpose will then be re-direct to a different URL with this number in the query string.

function OnSeriesClick(args) {

alert("Click! Value=" + args.value);

}

<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" DataSourceID="SqlDataSource1" Width="660px">

<ClientEvents OnSeriesClick="OnSeriesClick" OnLegendItemClick="OnLegendItemClick" />

<PlotArea>

<CommonTooltipsAppearance Shared="true">

<SharedTemplate>

<div>Composed in decade beginning #= category #</div>

# for (var i = 0; i < points.length; i++) { #

<div>#: points[i].series.name#: #: points[i].value #</div>

# } #

</SharedTemplate>

</CommonTooltipsAppearance>

<Series>

<telerik:ColumnSeries DataFieldY="songs" Name="Songs">

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="date_range">

<LabelsAppearance RotationAngle="75" />

<TitleAppearance Text="Decade" />

<MajorGridLines Visible="false"></MajorGridLines>

<MinorGridLines Visible="false"></MinorGridLines>

</XAxis>

<YAxis>

<%-- <TitleAppearance Text="Count" />--%>

<MajorGridLines Visible="true" Color="#ffc5bf" Width="1"></MajorGridLines>

<MinorGridLines visible="false"></MinorGridLines>

</YAxis>

</PlotArea>

<Legend>

<Appearance Visible="false" />

</Legend>

<ChartTitle Text="Songs by Decade">

<Appearance BackgroundColor="White" Visible="True">

</Appearance>

</ChartTitle>

</telerik:RadHtmlChart>

<div class="admin_activity_toolbar">

<telerik:RadToolBar ID="ToolBar" Runat="server" OnButtonClick="ToolBar_ButtonClick" Orientation="Vertical" Width="120px">

<Items>

<telerik:RadToolBarButton runat="server" Text="Done" Value="done">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Button 2" IsSeparator="True">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Pivot" Value="pivot" Enabled="False">

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

Chart (HTML5)

answered on 23 Sep 2015

1 answer

146 views

Using CSS to set width and height of editor window

From what I have tried, it appears that you cannot set the width and height of many of the Telerik controls using CSS which makes it very difficult to create responsive sites.

Is there a way to actually do this or is this a pipe dream?

Editor

answered on 23 Sep 2015

5 answers

219 views

How to get column name from filter template control's JS event?

Hi,

I currently have a couple of RadDatePickers in a GridBoundColumn's FilterTemplate section. I'm using the ClientEvents-OnDateSelected on both RadDatePickers to call a JavaScript function.

ClientEvents-OnDateSelected="DateSelected"

function DateSelected(sender, args) {

...

}

In the JavaScript event that's called by the RadDatePickers I need the name of the column that the RadDatePicker which called the event is in. Any idea how I can get this?

Cheers,

Adam

Grid

answered on 23 Sep 2015

2 answers

62 views

Event Order - Why is AppointmentCreated after Page_PreRender?

Hi,

I use 2015.1.401.

Why does the AppointmentCreated event fire AFTER the Page_PreRender? I want to get a count of certain Appointments and it seems like the perfect place for that is in AppointmentCreated (where I already have alot of other appointment related logic). And then in Page_PreRender I want to use those counts to write out a label to the user to give them some statistics about their appointments.

Is there a different event I can use?

Thanks,
Brent

Scheduler

answered on 23 Sep 2015

3 answers

133 views

Lightweight Rendering

Different design depending if I used Lightweight Rendering or Classic Rendering.
Different icons and padding in the tree is incorrect....
I use Skin="Office2010Blue" in both images

FileExplorer

answered on 23 Sep 2015