Questions on UI for ASP.NET AJAX Forum

1 answer

99 views

I have a RadGrid that's using an Asp.Net LinqDataSource to feed it data. I'm working with a particularly large data set (20k+ records) and the capabilities of the RadGrid to utilize the LinqDataSource's ability to page and sort at the database level have been highly useful. After running Sql Profiler, I've noticed that Grouping is having performance issues due to the fact that it's bringing the entire dataset back to the server and doing the grouping operations there. Is this expected behavior or am I doing something wrong?

Thanks,
Dennis

Grid

answered on 30 May 2012

1 answer

60 views

Define new function on $find()

Hi, I am using Javascript to resize alot of my control.

I would like to do something like that with a RadTextBox (MultiLine) for example:

$find("myControl").ResizeInput(width, height);

So that, I don't have to pass my control in parameter. I want to use "this" instead inside my function. I don't know if I'm clear enough.

Thanks.

General Discussions

answered on 30 May 2012

3 answers

210 views

How to set Maximum Value Slider Dynamically?

Hello

Is it possible to set sliders maximum value dynamically?
i mean something like this
maximumvalue=<% bind.pricemaximum %>

Thanks in advance

Slider

answered on 30 May 2012

1 answer

134 views

Setting up a multi-tab view for a web form report

Good morning all,

I am a bit of a novice with this system, so I may be in a bit over my head with what I am trying to do. I have a report with two charts right now. Those are working fine. What I wanted to do was add two tabs to the report, each with a radgrid view to show different information. I read up on the ASP.Net pages about the RadMultiPage function. I was expecting when I added it to see separate pages to which I could add the grid view components, and then add the RadTab headers to the pages. Clearly I am going about it wrond because all I saw was a simple box on my BodyContent page.

What is the correct steps to create the view I am going for? Do I create a whole new web form, and set up a Multipage function from the start, or can this be added after the fact? Sorry for the confusion question, but I am definitely a bit confised here as to how to proceed with the idea. I'm not afraid of the coding aspect of it, I am just not up to the skill levl (in my opinion) to understand it quite yet.

TabStrip

answered on 30 May 2012

1 answer

90 views

get_clientDataKeyValue() is always empty

I have a ListView defined like this ...

<telerik:RadListView runat="server"

ID="RadListView1"

AllowMultiItemSelection="false"

ItemPlaceholderID="items"

ClientDataKeyNames="ContactId, Surname, Forename, Organisation, Email">

<LayoutTemplate>

<div id="listview"

class="RadListView RadListView_#= owner.Skin #">

<asp:Panel runat="server"

ID="items"

ScrollBars="Vertical"/>

</div>

</LayoutTemplate>

<ClientSettings>

<ClientEvents OnCommand="radListView1_OnCommand"/>

<DataBinding>

<ItemTemplate>

<div class="item">

<div>

<strong>#= String.format("{0}, {1}", Surname, Forename) #</strong>

</div>

<div>#= Organisation #</div>

<div>#= Email #</div>

</div>

</ItemTemplate>

<SelectedItemTemplate>

<div class="item selected">

<div>

<strong>#= String.format("{0}, {1}", Surname, Forename) #</strong>

</div>

<div>Home: #= HomePhone #</div>

<div>Mobile: #= Mobile #</div>

</div>

</SelectedItemTemplate>

</DataBinding>

</ClientSettings>

</telerik:RadListView>

Simple.
When an item in the ListView is clicked, the following code runs...

listView.toggleSelection(index);

var clientDataValues = listView.get_clientDataKeyValue()[index];

Where index is the item index of the item clicked.

My problem is that clientDataValues is always empty. I know that the value of index is correct 'cos the items selected state toggles correctly. Even if I hard-code an index it's empty.

Am I supposed to cast a different spell if I'm client-side binding?

--
Stuart

ListView

answered on 30 May 2012

2 answers

58 views

Control in ListWiew and paging

Hello,

I’ve created a RadListView with paging (RadDataPager) which is working fine.

I’ve inserted a call to a userControl in the “itemTemplate”. It’s working fine for the first page, but is empty for the other pages. The parameters are not passed on to the control.

Could someone help me correct this, please ?

ListView

answered on 30 May 2012

1 answer

95 views

RadRibbonbar and CSS Sprites

Quite simply put: When are CSS sprites going to be supported? I am currently working on a project which heavily uses the RadRibbonbar and therefore uses a lot of images. Loading all these images is currently whats dragging out the page load time to unacceptable levels, even with browser caching. (25+ images)

So ideally I want to replace these image urls by CSS sprites to reduce page load time.

Currently on version: 2011.3.1115.40

RibbonBar

answered on 30 May 2012

1 answer

74 views

RadListView - Clientside reference

The method toggleSelection() appears to be missing from the docs.

I only know it's there 'cos it's used in one of your demo pages.

What other goodies are we missing out on?

--
Stuart

Documentation and Tutorials

answered on 30 May 2012

1 answer

66 views

Clientside processing

I have a ListView that I'm populating client-side using a WebService.

I have been trying to get the data in my item template to change when I click on the item. I used code in ListViewBinding.js from this demo as the basis for the following code...

setTimeout(function ()

{

$telerik.$(".item").click(function (e) { listView.toggleSelection($(this).index()); });

}, 500);

My problem is that if I click on an item, it toggle to the SelectedItemTemplate (which is fine) but clicking again doesn't change it back.

If I click on a 2nd item it switched to the SelectedItem template and the first item switches back. However once an item has been toggled once it won't toggle again.

--
Stuart

ListView

answered on 30 May 2012

13 answers

256 views

RadRibbonBar width 100% and RadPanes

Hey,
i have trouble with using the new RadRibbonBar control. If i set the width of the ribbonbar to 100%, items in one of the RibbonBarGroups are rendered incorrectly - they look like they have set size to medium although it is set to large in the aspx file. Everything goes back to normal if i resize the browser window. Another thing is the rendering of ribbonbarbuttons, please find the screen attached.
Second thing. If the ribbonbar is placed inside a fixed-height radpane, the RibbonBarMenu is overlayed by radpane.
I'm using Telerik.Web.UI 2011.2.712.40.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="All" EnableRoundedCorners="true" ControlsToSkip="Fieldset" />

<telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" BorderSize="0" BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal" VisibleDuringInit="false">

<telerik:RadPane ID="topPane" runat="server" Height="60px">

LOGO

<telerik:RadToolBar runat="server" ID="navigationBar" Skin="Office2007">

<Items>

<telerik:RadToolBarButton Text="Button 1" />

<telerik:RadToolBarButton Text="Button 2" />

<telerik:RadToolBarButton Text="Button 3" />

<telerik:RadToolBarButton Text="Button 4" />

<telerik:RadToolBarButton Text="Button 5" />

<telerik:RadToolBarButton Text="Button 6" />

<telerik:RadToolBarButton Text="Button 7" />

<telerik:RadToolBarButton Text="Button 8" />

</Items>

</telerik:RadToolBar>

</telerik:RadPane>

<telerik:RadPane runat="server" ID="contentPane" Scrolling="None">

<telerik:RadSplitter runat="server" ID="splitter2" BorderStyle="None" PanesBorderSize="0">

<telerik:RadPane runat="server" ID="leftPane" Width="220px" MinWidth="220" MaxWidth="220" Scrolling="None">

<telerik:RadSplitter runat="server" ID="radSplitter3" BorderStyle="None" PanesBorderSize="0" BorderWidth="0px" Height="100%" Orientation="Horizontal">

<telerik:RadPane runat="server" ID="topLeftPane" BorderStyle="None" BorderWidth="0px" PanesBorderSize="0">

top left

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadPane runat="Server" ID="rightPane" Scrolling="None" Height="100%" BorderStyle="None" BorderWidth="0px">

<telerik:RadSplitter runat="server" ID="RadDesk1" Width="100%" BorderSize="0" BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal">

<telerik:RadPane runat="server" ID="RadPane1" Height="157px" EnableViewState="false" Scrollable="false" Scrolling="None">

<telerik:RadRibbonBar runat="server" ID="ribbonbar1" Width="100%" Skin="Windows7">

<telerik:RibbonBarTab Text="Bar 1" Selected="true">

<telerik:RibbonBarGroup Text="New" EnableLauncher="false">

<Items>

<telerik:RibbonBarButton Size="Large" Text="Item 1" ImageUrl="~/img/new1.png" />

<telerik:RibbonBarMenu Size="Large" Text="Item 2" ImageUrl="~/img/new1.png">

<Items>

<telerik:RibbonBarMenuItem Text="menu item 1" />

<telerik:RibbonBarMenuItem Text="menu item 2" />

<telerik:RibbonBarMenuItem Text="menu item 3" />

<telerik:RibbonBarMenuItem Text="menu item 4" />

</Items>

</telerik:RibbonBarMenu>

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Edit" EnableLauncher="false">

<Items>

<telerik:RibbonBarButton Size="Large" Text="Item 1" ImageUrl="~/img/new1.png" />

<telerik:RibbonBarButton Size="Large" Text="Item 2" ImageUrl="~/img/new1.png" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Export" EnableLauncher="true">

<Items>

<telerik:RibbonBarButton Size="Large" Text="Item 1" ImageUrl="~/img/new1.png" />

<telerik:RibbonBarButton Size="Large" Text="Item 2" ImageUrl="~/img/new1.png" />

<telerik:RibbonBarButton Size="Large" Text="Item 3" ImageUrl="~/img/new1.png" />

<telerik:RibbonBarButton Size="Large" Text="Item 4" ImageUrl="~/img/new1.png" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Delete" EnableLauncher="false">

<Items>

<telerik:RibbonBarButton Size="Large" Text="Delete" ImageUrl="~/img/new1.png" />

</Items>

</telerik:RibbonBarGroup>

</telerik:RibbonBarTab>

</telerik:RadRibbonBar>

</telerik:RadPane>

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

content

<img src="img/new1.png" />

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

Any suggestions?

regards,
Rafal

RibbonBar

answered on 30 May 2012