Questions on UI for ASP.NET AJAX Forum

1 answer

104 views

New Ideas... :)

Hello,

I'm using a lot the RadScheduler and it's great, but I have some more new ideas for you.

It would be great if it could be possible to:

Select appointments and drag & drop all the selected appointments to a new date (Like this we would be able to drag and drop a lot of appointment in one time)
Select appointments and to delete all of them with one confirmation

This select appointment stuff could be a checkbox witch appears (like the delete) when we hover the appointment.

It would be great if you can look at those features.

Thanks a lot

Jean-Yves

Scheduler

answered on 20 Mar 2011

4 answers

129 views

SplitCell doesn't split the cell

Hello

When i right click a cell in the editor and select "Split Cell" it adds a cell below the current cell instead of splitting the cell..
What "Split Cell" does is exactly what "Insert Row Below" does...
I must have this working correctly..

Any resolve?

Thank you..

Editor

answered on 20 Mar 2011

3 answers

144 views

Merge header columns Programatically

Hi,

Can I create the following table dynamically (Till 3 Sub levels of Header)? I would like to merge some of the columns dynamically - based on the DB resultset.

A	B	C
		D	E			I
		D	F	G	H	I

Can you share me a sample code?

Thanks, Malli

Can you share me a sample code?Thanks, Malli

Grid

answered on 19 Mar 2011

3 answers

358 views

Dynamically create Rad ToolTip

I have a dynamically created rad text box.I want to create tool tip for this text box with a rad combo box or asp.net combox and the selected value should be inserted into the dynamically created rad text box.

Can we do this by using Rad ToolTip.

ToolTip

answered on 19 Mar 2011

8 answers

220 views

Popup Window Icon

Hi,

How do you change the icon for the popup window?

I know how to change it for normal windows but not the spellchecker window.

I'm assuming that some css will be needed?

Best Regards,

Jon

Spell

answered on 19 Mar 2011

13 answers

479 views

lisbox and treeview height 100% with proper scrollbars

I am trying to implement the layout that is depicted in the attachment. The blue container has height/width 100% to fill available space. There are two columns. The left column has a fixed width and the right column is fluid. The left column contains a listbox and the right column contains a treview. I achieve the layout with a table. I am having difficulty getting the listbox and treeview to properly display their scrollbars when necessary.

Both the treeview and listbox contain items that should force a vertical scrollbar. The treeview should also force a horizontal scrollbar. Is there some style declaration I need to make in order for the scrollbars in these controls to appear?

Listbox Declaration:

<telerik:RadListBox ID="rlbBusinessCategories"

runat="server"

Skin="Office2007"

CheckBoxes="true"

Width="100%"

Height="100%"

></telerik:RadListBox>

Treeview Declaration:

<telerik:RadTreeView id="rtServices"

runat="server"

Skin="Office2007"

Width="100%"

Height="100%"

AllowNodeEditing="False"

EnableDragAndDrop="False"

MultipleSelect="True"

>

</telerik:RadTreeView>

ListBox

answered on 19 Mar 2011

1 answer

176 views

Print CSS for Scheduler

Hello,

I'm trying to create a print friendly style sheet to make the rad scheduler appear fully on a printed page portrait or landscape.

I've had success creating custom rules for the Monthview. At least in certain browsers. Other than hiding elements I have this for MonthView:

<style type="text/css" media="print">

div[style]

{

max-width: 670px;

}

div.rsOverflowExpand

{

width: 668px !important;

}

.rsHorizontalHeaderTable

{

width: 668px !important;

}

.rsHorizontalHeaderWrapper

{

}

.rsHorizontalHeaderWrapper div

{

}

.rsContentTable

{

width: 668px !important;

}

.rsAptContent

{

font-size: 9px !important;

}

.rsContent table

{

width: 668px !important;

}

.RadScheduler

{

width: 670px !important;

}

</style>

the first rule (div[style]) is overriding the inline style. Scheduler inserts inline fixed pixel styles for many parts along the way. This rule doesn't work in older browsers.

I'm having a great difficulty making a print friendly CSS rules for time-line view.

To make scheduler timerange all appear on a single page without scroll we are programmaticaly setting the column width to %.

private void SetWidth()

{

Double width = 100d / scheduler.TimelineView.NumberOfSlots;

scheduler.ColumnWidth = new Unit(width, UnitType.Percentage);

}

Part of the problem is the appointments have a fixed pixel width.

We have already implemented a hidden report viewer being populated and printed with a "print" button to get print-ability of our timeline views but direct from browser printing is preferred. I would think it would be a high priority task for Telerik to provide print friendly CSS for all of their controls since printing is a commonly requested feature.

Scheduler

answered on 19 Mar 2011

2 answers

602 views

radasyncupload loses files on postback

hi,
when i select the item from RadCombo at that time i want to change lable text.
i select a file in Radasyncupload then i change the another item from combo at that time the which was selected in radasyncupload it was lost after Radcombo's postback fired.

plz see my code for more information..

<div>

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" ClientEvents-OnRequestStart="conditionalPostback">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgInquiry">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgInquiry" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<script type="text/javascript">

// <![CDATA[

//On insert and update buttons click temporarily disables ajax to perform upload actions

function conditionalPostback(sender, eventArgs) {

var theRegexp = new RegExp("\.UpdateButton$|\.PerformInsertButton$", "ig");

if (eventArgs.get_eventTarget().match(theRegexp)) {

var upload = $find(window['UploadId']);

//AJAX is disabled only if file is selected for upload

if (upload.getFileInputs()[0].value != "") {

eventArgs.set_enableAjax(false);

}

function validateRadUpload(source, e) {

e.IsValid = false;

var upload = $find(source.parentNode.getElementsByTagName('div')[0].id);

var inputs = upload.getFileInputs();

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

//check for empty string or invalid extension

if (inputs[i].value != " " && upload.isExtensionValid(inputs[i].value)) {

e.IsValid = true;

break;

}

// ]]>

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" />

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AllowSorting="True"

AllowPaging="True" PageSize="10" GridLines="None" OnUpdateCommand="rgInquiry_ItemUpdated"

OnItemCommand="rgInquiry_ItemCommand" OnDeleteCommand="rgInquiry_ItemDeleted"

OnCancelCommand="rgInquiry_CancelCommand" OnInsertCommand="rgInquiry_ItemInserted"

AllowFilteringByColumn="true" OnNeedDataSource="rgInquiry_NeedDataSource" OnItemDataBound="rgInquiry_ItemDataBound"

OnItemCreated="rgInquiry_ItemCreated">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="InquiryID" AllowMultiColumnSorting="True"

GroupLoadMode="Server" CommandItemSettings-AddNewRecordText="Add New Inquiry">

<Columns>

</Columns>

<EditFormSettings ColumnNumber="2" CaptionFormatString="Add/Edit properties of Inquiry : "

EditFormType="Template">

<FormTemplate>

<div>

<telerik:RadComboBox ID="rcbClientNew" runat="server" Width="300px" EmptyMessage="Select Client"

DataTextField="ClientID" Filter="Contains" AllowCustomText="true" AutoPostBack="true"

OnSelectedIndexChanged="rcbClient_SelectIndexChanged" CausesValidation="false">

</telerik:RadComboBox>

<asp:Label ID="lblClientName" SkinID="LabelU" runat="server">

<br />

<asp:Label ID="Label1" SkinID="LabelU" runat="server" Text="Attach File: "> </asp:Label>

<telerik:RadProgressManager ID="radProgreesManager1" runat="server" EnableTheming="true" />

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" MultipleFileSelection="Automatic">

</telerik:RadAsyncUpload>

<telerik:RadProgressArea ID="radProgressArea1" runat="server" EnableTheming="true">

</telerik:RadProgressArea>

<br />

<div class="DynButton">

<asp:Button ID="btnParentSubmit" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

</div>

<div class="DynButton">

<asp:Button ID="btnPatentReset" runat="server" Text="Cancel" CausesValidation="false"

CommandName="Cancel" />

</div>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</div>

Thanks,
Jayesh Goyani

Grid

answered on 19 Mar 2011

3 answers

163 views

Export grid to ExcelML with custom formated GridBoundColumn

Hi.

I´m trying to export a grid in the ExcelML format but the columns are generated dynamically and the DataFormatString is set dynamically too.

I can´t use the ExcelMLExportStylesCreated because in this moment I don´t know which format is the column.

Have RadGrid some method to set the excel export format during the column create? For example, I need to show a column in a specific date format!

Thanks.

Grid

answered on 19 Mar 2011

9 answers

211 views

Scheduler set_height not working in browsers other than IE

We are using Version 2010.3.121735 of the RAD Controls. According to “What's New in RadScheduler for ASP.NET AJAX Q1 SP2 “ there is get_height / set_height property available.

What's New in RadScheduler for ASP.NET AJAX Q1 SP2 2009 (Version Number 2009.1.527)

Implemented support for custom appointment classes
Implemented ResourceCollection.getResourceByType
Implemented ResourceStyles support when using web service data binding
New client-side property: get_height / set_height
New property: WebServiceAppointmentController.AppointmentFactory; Allows you to work with custom appointment classes when using web service data binding
New client-side appointment property: cssClass; Sets the appointment CSS class
The web service methods can now return additional information alongside the appointments

However, it only seems to work in IE and not other browse; which is a must have for our web application. The following code shows that the change occurs in IE, but not other browsers.

var splitter = $find("<%= RadSplitter1.ClientID %>");

var scheduler = $find("<%=RadScheduler1.ClientID%>");

alert("splitter.get_height = " + splitter.get_height());

scheduler.set_height(splitter.get_height());

alert("scheduler.get_height = " + scheduler.get_height())

In IE the alert displays the correct value; however in other browsers it displays a value that was set by the height attribute of the scheduler .

<telerik:RadScheduler runat="server" ID="RadScheduler1" Height="425px" …

How do we dynamically set the height client-side on all browsers?

Thanks in advance,

Keith E.

Scheduler