1 answer

110 views

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

91 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

86 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

278 views

[Solved] 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

1 answer

96 views

RadEditor - Modifying HTML content

I'm setting the Content property of my RadEditor in my code behind. I am then grabbing the content client side via get_html(). The content i set in the code behind is different than the content i pull with get_html().

It seems that the attributes of my html elements are getting reordered.

So, this:

<div class='foo' style='bar' />

Turns into this:

<div style='bar' class='foo' />

Why is this happening? Is there a way to stop the control from messing with my html?

Editor

answered on 30 May 2012

6 answers

129 views

Cannot download skin

When I press the download button I am getting sent to this page:
http://stylebuilder.telerik.com/ErrorPageResources/error.aspx?aspxerrorpath=/ZipHandler.ashx
Which shows this error:

Sorry, we couldn't find the page you're looking for.

I am using Firefox 12 on Windows.

The download link is supposed to go here:
http://stylebuilder.telerik.com/ZipHandler.ashx?mode=get&suite=aspnet-ajax&skin=[MySkinName]

Visual Style Builder

answered on 30 May 2012

0 answers

101 views

grid insertcommand don't work

Dear all,
I use a grid b in another grid a edit form. Now when a is edit status, I add new record to b,but I b's insertcommand don't work. why?
Please help, thanks!

General Discussions

asked on 30 May 2012

3 answers

177 views

Fileexplorer and RadGrid

In file explorer, i would like to make a ajax call when i click a folder name
& using ajax call i would like to populate a radgrid from the database

a. can this be achieved ?
a. should i use the ajaxpanel or ajaxmanager for this

pl help

thanks

FileExplorer

answered on 30 May 2012

1 answer

96 views

[Solved] change the font weight of selected nodes

I want to change the font weight of selected nodes of a radcombobox to bold. how can I do that??

ComboBox

answered on 30 May 2012

1 answer

182 views

RadCombobox adding empty items on selected index changed

Hi all,

i have implemented radcombobox with these features sorting , multiple columns for displaying and selected index changed event server side. every thing working fine when first time i select any item from combo but when i am going to select second,third ..... time item from combo than an empty rows added simultaneously
my code is follows

C#

------------------------------------------------

protected void OnOrdersCombo_DataBound(object sender, EventArgs e)

{

((Literal)rcbOrders.Footer.FindControl("RadComboItemsCount")).Text = Convert.ToString(rcbOrders.Items.Count);

rcbOrders.EmptyMessage = "Please Select";

}

protected void OnOrdersCombo_ItemRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

rcbOrders.Items.Clear();

string query = string.Empty;

int OrderNo = 0;

if (int.TryParse(e.Text, out OrderNo))

query = @"select

CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate,

Sum(OrderedQty)OrderedQty,sum(isnull(DeliveredQty,0))DeliveredQty,Sum(Amount)Amount

from CCLC_Order_Master

inner join CCLC_Order_Detail on CCLC_Order_Detail.OrderNo = CCLC_Order_Master.OrderNo

WHERE isnull(DeliveredQty,0)> 0 AND CCLC_Order_Master.OrderNo ='" + OrderNo.ToString() +

"' group by CCLC_Order_Master.OrderNo,CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate";

else

query = @"select

CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate,

Sum(OrderedQty)OrderedQty,sum(isnull(DeliveredQty,0))DeliveredQty,Sum(Amount)Amount

from CCLC_Order_Master

inner join CCLC_Order_Detail on CCLC_Order_Detail.OrderNo = CCLC_Order_Master.OrderNo

WHERE isnull(DeliveredQty,0)> 0 AND ContactName LIKE '" + e.Text + @"%'

group by CCLC_Order_Master.OrderNo,CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate";

SqlDataSource1.SelectCommand = query;

rcbOrders.DataBind();

}

protected void OnOrdersCombo_ItemDataBound(object sender, RadComboBoxItemEventArgs e)

{

e.Item.Text = ((DataRowView)e.Item.DataItem)["OrderNo"].ToString();

e.Item.Value = ((DataRowView)e.Item.DataItem)["OrderNo"].ToString();

}

protected void OnOrdersCombo_ItemSelected(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

LoadOrderInformation(CCLC_Order_Master.GetDataByKey(long.Parse(rcbOrders.SelectedItem.Value)));

LoadOrderDetailInformation(long.Parse(rcbOrders.SelectedItem.Value));

PDealID = (long?)null;

}

JS

----------------------------------------

function UpdateItemCountField(sender, args) {

sender.get_dropDownElement().lastChild.innerHTML = "A total of " + sender.get_items().get_count() + " items";

}

function OnOrders_ClientSelectedIndexChanged(sender, eventArgs) {

var item = eventArgs.get_item();

var value = item.get_value();

var text = item.get_text();

var itemCount = sender.get_items().get_count();

if (itemCount > 1) {

sender.clearItems();

sender.clearSelection();

var comboItem = new Telerik.Web.UI.RadComboBoxItem();

comboItem.set_text(text);

comboItem.set_value(value);

sender.trackChanges();

sender.get_items().add(comboItem);

comboItem.select();

sender.commitChanges();

}

if (itemCount = 1) {

sender.trackChanges();

sender.set_text(text);

sender.set_value(value);

sender.commitChanges();

}

----------------------------------------

ASPX

----------------------------------------

<telerik:RadComboBox runat="server" ID="rcbOrders" Height="190px" Width="205px" DropDownWidth="695px"

DataSourceID="SqlDataSource1" MarkFirstMatch="true" EnableLoadOnDemand="true"

OnClientSelectedIndexChanged="OnOrders_ClientSelectedIndexChanged" HighlightTemplatedItems="true"

AutoPostBack="true" OnClientItemsRequested="UpdateItemCountField" OnDataBound="OnOrdersCombo_DataBound"

OnItemDataBound="OnOrdersCombo_ItemDataBound" OnItemsRequested="OnOrdersCombo_ItemRequested"

OnSelectedIndexChanged="OnOrdersCombo_ItemSelected">

<HeaderTemplate>

<ul>

<li class="col1">Contact Name</li>

<li class="col2">Order No</li>

<li class="col3">Ordered Qty</li>

<li class="col4">Delivered Qty</li>

<li class="col5">Order Amount</li>

<li class="col6">Order Date</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<%# DataBinder.Eval(Container.DataItem, "ContactName")%></li>

<li class="col2">

<%# DataBinder.Eval(Container.DataItem, "OrderNo")%></li>

<li class="col3">

<%# DataBinder.Eval(Container.DataItem, "OrderedQty")%></li>

<li class="col4">

<%# DataBinder.Eval(Container.DataItem, "DeliveredQty")%></li>

<li class="col5">

<%# DataBinder.Eval(Container.DataItem, "Amount")%></li>

<li class="col6">

<%# DataBinder.Eval(Container.DataItem, "OrderDate", "{0:dd/MM/yyyy}")%></li>

</ul>

</ItemTemplate>

<FooterTemplate>

Total of

<asp:Literal runat="server" ID="RadComboItemsCount" />

items

</FooterTemplate>

</telerik:RadComboBox>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CCLCSystem %>"

ProviderName="System.Data.SqlClient" SelectCommand="select CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate,sum(CCLC_Order_Detail.OrderedQty)OrderedQty,sum(isnull(CCLC_Order_Detail.DispatchQty,0))DispatchQty,sum(CCLC_Order_Detail.DeliveredQty)DeliveredQty,sum(CCLC_Order_Detail.Amount)Amount from CCLC_Order_Master inner join CCLC_Order_Detail on CCLC_Order_Detail.OrderNo = CCLC_Order_Master.OrderNo WHERE isnull(DeliveredQty,0)> 0 group by CCLC_Order_Master.OrderNo,CCLC_Order_Master.ContactName, CCLC_Order_Master.OrderNo, CCLC_Order_Master.OrderDate">

</asp:SqlDataSource>

can any one please fix this issue

Ajax

answered on 30 May 2012