Questions on UI for ASP.NET AJAX Forum

1 answer

75 views

can you give me an example of how to set the rotator size according to browser window
i.e is 1640 wide so make the rotator 1640

Rotator

answered on 01 Jun 2011

6 answers

180 views

Editing an Automatically Updating Grid

I've created an automatically updating grid like the Ajax/Ajaxify Timer demo. When I edit a row, I'd like to exclude some columns from updating when the row is in edit mode (namely the ones being edited) and still have other columns update. However, when I click edit, all the columns are updated even the ones I'm editing. Is there a way to make these columns not update while I'm editing?

Here is a simple example to demonstrate what is happening.

The Default.aspx

<%@ 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>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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" EnableAJAX="true">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Timer1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand">

<MasterTableView Name="RadGrid1TableView" AutoGenerateColumns="false"

ShowHeader="true" CommandItemDisplay="None"

EditMode="InPlace" AllowPaging="true" >

<PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced" Wrap="false" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" EditText="Edit" UniqueName="EditButton" />

<telerik:GridBoundColumn DataField="Value1" HeaderText="Value1" SortExpression="Value1"

AllowFiltering="false" AllowSorting="false" UniqueName="Value1">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Value2" HeaderText="Value2" SortExpression="Value2"

AllowFiltering="false" AllowSorting="false" UniqueName="Value2" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Value3" HeaderText="Value3" SortExpression="Value3"

AllowFiltering="false" AllowSorting="false" UniqueName="Value3" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Value4" HeaderText="Value4" SortExpression="Value4"

AllowFiltering="false" AllowSorting="false" UniqueName="Value4" ReadOnly="true">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="3000" />

</div>

</form>

</body>

</html>

... and the Default.aspx.cs

using System;

using System.Data;

using System.Web.UI;

using Telerik.Web.UI;

public partial class Default : Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Timer1_Tick(object sender, EventArgs e)

{

RadGrid1.Rebind();

}

protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = GetRandomData();

}

private static DataTable GetRandomData()

{

DataTable dt = new DataTable();

Random rand = new Random();

dt.Columns.Add(new DataColumn("Value1", typeof(double)));

dt.Columns.Add(new DataColumn("Value2", typeof(double)));

dt.Columns.Add(new DataColumn("Value3", typeof(double)));

dt.Columns.Add(new DataColumn("Value4", typeof(double)));

for (int x = 0; x < 10; x++)

{

DataRow row = dt.NewRow();

row["Value1"] = rand.Next();

row["Value2"] = rand.Next();

row["Value3"] = rand.Next();

row["Value4"] = rand.Next();

dt.Rows.Add(row);

}

return dt;

}

protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)

{

// Do the update

}

Thank you.

Grid

answered on 01 Jun 2011

2 answers

73 views

How do you use a RadCalendar to select the day for a Scheduler on a different page?

What's the best way to have a RadCalendar on one page (Page 1) to send the selected day to a RadScheduler on a different page (Page 2)?

Currently I'm just using a query string but I'm thinking there is a better method.

Calendar

answered on 01 Jun 2011

3 answers

74 views

Disable Multi Rows

I have a tab strip that is 1000 pixels wide. Assume that the tab strip is "full" e. g. no room for an additional tab on the first row. If I add a new tab, RadTabStrip automatically adds an additional tab row. I'd much rather get back an error indicating that adding the tab failed than the RadTabStrip assuming that I want it to add the new row. Is there a way to turn off or disable this "feature"?

TabStrip

answered on 01 Jun 2011

5 answers

220 views

help with Telerik.web.SessionDS

can any one help me out with this Telerik.web.SessionDS ....I am trying to add this to the ascx file .It says there is no such namespace.
But I can find the file in C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q1 2011\Live Demos\App_Code with name SessionDataSource.cs....I don't Know y it is not taking and i tried with the alternative sqldatasource with the example in the below link.

http://demos.telerik.com/aspnet-ajax/Common/QSFInstructions/Instructions.html

In my case the CategoryID in the example is a dropdown.The dropdown fields are neither updating or when clicked on edit the the dropdown does not have the selected field.

please give me some suggestions.

Thanks,
sravz

General Discussions

answered on 01 Jun 2011

2 answers

173 views

Page Size Dropdown not appearing in correct position

I have a RadGrid on the page with AllowPaging="true" and PageSize="25". Everything works fine except that the "Page size" dropdown is appearing in the wrong place when I click it. It seems to be offset a couple hundred pixels to the right of where it is supposed to be. The amount of the offset is related to the size of the browser window, if I change the browser size then the dropdown is offset by a different amount.

This is occuring on IE and Chrome (other browsers not tested). I'm not doing anything custom for the paging controls. I'm not sure how to fix this. Do you have any suggestions on how to fix this?

Grid

answered on 01 Jun 2011

4 answers

453 views

Change button background image on mouse over ad on click

Hi guys,
I have a particular need on a project I'm working on: I need to change the background image of the RadToolbar's buttons when the user moves the mouse over them or click on them.
The problem is that I have different background images.

So, if you click/mouse over on the first button I need to change it's background to image1.png, on the second button to image2.png, and so on.

ButtonA => Image1.png
ButtonB => Image2.png
ButtonC => Image3.png
ButtonD => Image1.png
ButtonE => Image1.png
ButtonF => Image4.png

I can't figure out how to do such a thing.

Any help is appreciated.

Thanks,
Daniele Salatti

ToolBar

answered on 01 Jun 2011

2 answers

128 views

Embedded Css issue with TreeView

Hi,

I am using css in my project as embedded resource. I am facing one issue in that. Those all css are applying on all controls of projects but specifically with TreView there are no effect of that css. I checked with F12 in IE and FireBug in FF and found the css classes rtTop,rtSp, rtIn all are there but there is no effect of that css. I went throught Clear css project and it is working but when i did the same embedded thing with my project it is not working.

Can you please tell me what is missing here ?

Thanks,
--JP

TreeView

answered on 01 Jun 2011

7 answers

173 views

Enable RadEditor Dialogs link not available

I am trying to work with the Editor for the first time and am following the getting started page below:
http://www.telerik.com/help/aspnet-ajax/gettingstarted.html

When I get to steps 8 and 9 these options are not available in the smart tag. I followed all the steps up to this point. Any clues as to why this is not available for me? Thanks!

8. From the Smart Tag menu, select the Enable RadEditor Dialogs link
9. From the Smart Tag menu, select the Enable spell check for RadEditor link.

Editor

answered on 01 Jun 2011

2 answers

103 views

Problem resseting RadEditor Styles

I tried to reset the styles of RadEditor following the instructions in this post explain, but the result is that my publishers are using the rules defined in the main stylesheet. Any idea how I could fix it?.

Like you can see in the screenshot that i send you. The problem it's that RadEditor continue load the rules defined in the global styles for the body element, like a background image, center text and no scrollbars (overflow:hidden)

This it's the code that i use to trying to reset the styles, in the head of my masterpage, before the link to the global stylesheet.

<style type="text/css">

.reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell

{

background: white transparent !important;

text-align: left;

overflow: auto;

}

.RadEditor table, .reToolbar, .reToolbar li, .reTlbVertical, .reDropDownBody ul, .reDropDownBody ul li, .RadWindow table, .RadWindow table td, .RadWindow table td ul, .RadWindow table td ul li

{

margin: 0 !important;

padding: 0 !important;

border: 0 !important;

list-style: none !important;

}

.reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reEditorModes, .reResizeCell, .reToolZone table td, .RadEditor .reToolbar, .RadEditor .reEditorModes

{

border: 0 !important;

}

.reToolbar li, .reToolbar ul li, .reInsertTable .reTlbVertical .reToolbar li

{

float: left !important;

clear: none !important;

border: 0 !important;

}

</style>

I'm using Windows XP SP3 with Internet Explorer 6.0 and Q1 2010.

I look forward to your response

Regards,
Felipe Meléndez

Editor