Questions on UI for ASP.NET AJAX Forum

1 answer

62 views

Hi,

I am creating a StackedBar chart from the code behind, where each item on the Y axis is the name of a Customer, and the X values are the amount of invoices completed/outstanding today. Please see the attached screenshot for an example.

It's working well, except the labels for each item on the Y axis is a meaningless number (1-5). How can I get the label to be 'Name' property of each item?

Thanks - the code is below

IEnumerable<Invoice> invs = Invoice.GetTestInvoices(100);

var s = from i in invs

group i by i.Name;

ChartSeries chtOutstanding = new ChartSeries("Outstanding", ChartSeriesType.StackedBar);

ChartSeries chtCompleted = new ChartSeries("Completed", ChartSeriesType.StackedBar);

chtOutstanding.Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;

chtCompleted.Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;

foreach (var item in s.OrderBy(a => a.Key))

{

chtCompleted.AddItem(item.Where(a => a.Status == 1).Count());

chtOutstanding.AddItem(item.Where(a => a.Status != 1).Count());

}

RadChart1.Series.Add(chtOutstanding);

RadChart1.Series.Add(chtCompleted);

Chart (Obsolete)

answered on 27 Aug 2012

1 answer

54 views

Using Load On Demand with BinaryImage

We have images stored in a database as blobs which we want to load on demand into a slideshow. Is it possible to use the BinaryImage control convert and display the images into the radrotator control from a memory stream?
If this isn't the correct approach, how would we go about creating this functionality?

Your help is very much appreciated!

Thanks,

Ben

Rotator

answered on 27 Aug 2012

13 answers

414 views

Multiple RadAsyncupload and RadProgressArea

Hi,
I have multiple radAsyncUpload controls in one page with radprogressarea control for each of them.I have also one radprogressmanager.
When a radAsyncUploadControl is uploading a file to the temporary folder then all the radprogressarea controls are displayed.
How I can limit that so when a file is uploaded only the relevant radprogressarea is displayed?

Thank you

AsyncUpload

answered on 27 Aug 2012

4 answers

115 views

GridAttachmentColumn does not insert

i have a radgrid with a gridattachmentcolumn column. the grid is bound to an entitydatasource having the 3 columns stipulated in the documentation - FileName, DataText, and Attachment, the last being a varbinary(max) column.

<telerik:GridAttachmentColumn AttachmentDataField="Attachment"

AttachmentKeyFields="ItemID,ForeignKeyID,AttachmentID"

DataSourceID="ItemAttachmentEntityDataSource" DataTextField="DataText"

FileName="attachment" FileNameTextField="FileName"

FilterControlAltText="Filter column column" HeaderText="Attachment"

UniqueName="Attachment">

</telerik:GridAttachmentColumn>

when i click add new record, fill in the three columns, the text columns are inserted but not the attachment. i thought that the insert would be handled by the grid, yet all of the examples for gridattachmentcolumn i have seen include a prodigious amount of code to handle the insert. do i need to manually insert the data myself? if so, what is the point of the column type? which event would be the best one to write the code? i am handling the insertcommand so would hope there are no objections to doing it there.

if indeed i am required to manually insert the data, please update your documentation to stress this point. if radgrid can declaratively handle my scenario, are there any reasons why my insert is failing?

Grid

answered on 27 Aug 2012

2 answers

79 views

Facing problem in Calendar control while navigating to next month

Hi,
I have used calendar control in my application. The purpose of the calendar is to display the list of events which are occurring on the selected date. Its working fine when user selects any date. But if someone navigate to next month, the whole control is getting disabled. After navigating no one can selects the date nor navigate to previous month. I have used update panel for for calendar control.
Please have a look at the code and let me know the solution of this issue.

<div>

<asp:UpdatePanel ID="upCalendar" runat="server" UpdateMode="Always" >

<ContentTemplate>

<telerik:RadCalendar ID="rCal" runat="server" AutoPostBack="true" EnableMultiSelect="false"

FastNavigationStep="3" EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true"

EnableMonthYearFastNavigation="true" DayNameFormat="Short" ShowRowHeaders="true"

ShowOtherMonthsDays="false" Skin="Default" Width="298px" OnSelectionChanged="rCal_SelectionChanged"

EnableViewState="true">

<TitleStyle CssClass="CalendarTitleStyle" /><SelectedDayStyle CssClass="CalendarDaySelectedClass" /><DayOverStyle CssClass="CalendarDayOverClass" />

</telerik:RadCalendar>

</ContentTemplate>

</asp:UpdatePanel>

</div>

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

rCal.RegisterWithScriptManager = false;

rCal.RangeMinDate = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day);

if (SelectedDateForSearch.HasValue)

{

rCal.SelectedDate = SelectedDateForSearch.Value;

rCal.FocusedDate = SelectedDateForSearch.Value;

}

protected void rCal_SelectionChanged(object sender, Telerik.Web.UI.Calendar.SelectedDatesEventArgs e)

{

if (e.SelectedDates.Count > 0)

{

DateTime selectedDate = rCal.SelectedDate.Date;

string url = "To any page"

Response.Redirect(url);

}

Calendar

answered on 27 Aug 2012

2 answers

94 views

Show file size next to file name

Hello,

Could somebody help me ? What I have been trying to do is to show our users not just file name, but also file size information (ContentLength), when file is selected and uploaded...

It seems that from server side method there are just readonly properties about uploaded files. For example e.File.ContentLength (15423 bytes), etc...

protected void fileUploaded(object sender, FileUploadedEventArgs e)

{

if (RadAsyncUpload1.UploadedFiles.Count > 0)

{

}

Because of this, I suppose, that it should be done from client side, but I don't know how.

For further information, please check the attachment.

Please help me to solve this issue.

Best regards

Vasssek

AsyncUpload

answered on 27 Aug 2012

3 answers

181 views

Accessibility issues (various)

Hi all,

Does anyone know of a solution to the following accessibility issues, all of which are failing the WCAG2.0 AA compliancy standards...?

Examples...

1. RadGrid Pager elements - missing "title" attribute

The PagerStyle "NextPrevNumericAndAdvanced" produces (amongst other stuff!) the following two text input fields...
- GoToPageTextBox
- ChangePageSizeTextbox

These input fields do not have the "title" attribute by default, and it's not possible for me to relate them to separate <LABEL> tags due to design considerations.

Is there any way of specifying a "title" attribute for these fields? I notice all the other links in the Pager enable this with the "xxxToolTip" attributes, but I can't find a similar attribute for the GoToPage and ChangePageSize inputs.

2. RadDatePicker (and others) - presentation tables include "summary" attribute.

Many of the controls produce tables to lay out the various components, but these layout tables include a "summary" attribute which the AA guidelines stipulate must either be not included, or contain a null value.

For example...
- RadDatePicker produces...

<table cellspacing="0" summary="title and navigation" border="0">

- RadComboBox produces...

<table summary="combobox" style="border-width:0;border-collapse:collapse;">

So, is there any way to easily customise the "summary" attribute?

Also while I'm here... the ComboBox table example above (correctly) uses "style" attribute to control the table's cellspacing and border, whereas the DatePicker uses "cellspacing=0" and "border=0", which are not recommended.

Thanks in advance,
Jon

(Note: Sorry if this has already been answered elsewhere; I've searched the forums but can't find the answer if it exists!)

General Discussions

answered on 27 Aug 2012

5 answers

200 views

Can't press "Enter" to fire Update Command when using MultiLine RadTextBox in RadGrid Edit Template.

Hi,

I have set the RadGrid Edit Mode to be "InPlace". I have also enabled the keyboard support on the RadGrid so that while in Edit mode, if I press enter after finished typing a line, the Update Command will fire. It works great in Single-Line RadTextBox, but not with Multi-Line RadTextBox, as in Multi-Line mode, when I press Enter, the caret move to the next line in the textbox instead of firing Update Command.

I tried Ctrl + Enter, Shift + Enter, Alt + Enter, but none of them can trigger the Update Command.

Please let me know if there any work-around on this issue.

Thanks

Lamk.

Grid

answered on 26 Aug 2012

2 answers

143 views

iPad Context Menu

Hi
I have a RadScheduler bound with WebService and AppointmentContextMenus.
Long click on iPad device doesn't show the menu, how can I do that?

<telerik:RadScheduler Visible="true" runat="server" ID="UserSchedulerOrderEntry"

TimelineView-UserSelectable="false" MonthView-UserSelectable="True" SelectedView="WeekView"

Height="550" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" StartEditingInAdvancedForm="true"

AllowDelete="true" AllowEdit="false" AllowInsert="false"

OnClientAppointmentsPopulating="OnClientAppointmentsPopulating"

OnClientAppointmentEditing="OnClientAppointmentEditing"

OnClientAppointmentsPopulated="OnClientAppointmentsPopulated"

OnClientAppointmentCreated="appointmentCreated"

OnClientRequestFailed="clientRequestFailed"

OnClientRequestSuccess="clientRequestSuccess"

OnClientAppointmentDataBound="OnClientAppointmentDataBound"

OnClientAppointmentMoveStart="OnClientAppointmentMoveStart"

OnClientAppointmentContextMenuItemClicking="User_appointmentContextMenuItemClicking"

OnClientAppointmentContextMenuItemClicked="User_appointmentContextMenuItemClicked"

OnClientAppointmentContextMenu="User_appointmentContextMenu"

OnClientNavigationCommand="User_navigationCommand"

OnClientNavigationComplete = "User_navigationComplete"

RowHeight="20px"

MonthView-AdaptiveRowHeight="false"

MonthView-VisibleAppointmentsPerDay="1" MonthView-HeaderDateFormat="MMMM yyyy"

MonthView-FirstDayHeaderDateFormat="dd-MMMM" MonthView-DayHeaderDateFormat="dd"

HoursPanelTimeFormat="H:mm" DayStartTime="06:00" DayEndTime="20:00" WorkDayStartTime="06:00"

WorkDayEndTime="20:00" AppointmentStyleMode="Default" EnableDescriptionField="false"

OverflowBehavior="Expand" ShowAllDayRow="False"

CustomAttributeNames="RequestItemNote" >

<AppointmentContextMenus>

<telerik:RadSchedulerContextMenu runat="server" ID="UserSchedulerOrderEntrytMenu">

<Items>

<telerik:RadMenuItem Text="Edit" Value="CommandEdit" />

<telerik:RadMenuItem Text="EditAdvance" Value="CommandEdit2" />

<telerik:RadMenuItem Text="EditAdvance2" Value="CommandEdit3" />

</Items>

</telerik:RadSchedulerContextMenu>

</AppointmentContextMenus>

<WebServiceSettings Path="~/WebServices/OrderEntry/UserAppointmentCalendar.asmx"

ResourcePopulationMode="ServerSide" />

<ResourceStyles>

<telerik:ResourceStyleMapping Type="Status" Key="Required" BackColor="#FAE68B" BorderColor="#FCD836" />

<telerik:ResourceStyleMapping Type="Status" Key="Scheduled" BackColor="#C4E8FF" BorderColor="#30A9FB" />

<telerik:ResourceStyleMapping Type="Status" Key="Executed" BackColor="#B3E7A8" BorderColor="#71D05E" />

<telerik:ResourceStyleMapping Type="Status" Key="Deleted" BackColor="#FF8888" BorderColor="#E51010" />

</ResourceStyles>

</telerik:RadScheduler>

Thanks

Scheduler

answered on 26 Aug 2012

0 answers

260 views

Stack overflow at line 6

Hello,
I have an Update Panel in my content page and a tree view in Master Page.
TreeView's Node click is set for AsyncTrigger of Update Panel.
code for onclientnodeclick event of tree:

function test(sender, args)
{
$('#Message').Load(args.get_node().get_value()+'.htm');
}

Message is a span element in ContentTemplatesection of Update Panel .
When clicking a node some pages are shown but some pages are not shown and by refreshing the page IE causes:
Stack overflow at line 6

files are : 1.htm , 2.htm, 3.htm , ...
don't know really what to do!

TreeView

asked on 26 Aug 2012