Questions on UI for ASP.NET AJAX Forum

3 answers

209 views

Odd behavior with stacked column series with data binding

I am attempting to create a stacked bar chart based on a SQL data source.

The first attachment (before) shows the basic chart, with the values also show on the left for reference. (in a RadGrid)

I then add the second series to the chart definition and get what you see in the second attachment (after)

Note that the scale has changed significantly and it no longer matches the range of values. In this case "future shows" is a fixed value of 5, so the maximum series value for year 2010 would be 33 (28 + 5). As you can see, the scale numbers have no relation to the actual stacked values.

Also note in the code to follow, the two series are presented in the wrong order. For the year 2010, available shows = 28 and future shows = 5 (per the data source) But what is presented on the chart is a short blue bar and a taller green bar (value 28) is exactly the opposite of what the legend indicates.

<telerik:RadHtmlChart runat="server" ID="Year_Chart" DataSourceID="Year_Summary_Data" Width="452px" Height="400px" OnClientSeriesClicked="OnYearSeriesClick" Skin="BlackMetroTouch">

<ChartTitle Text="Shows by Year">

<Appearance Visible="True"></Appearance>

</ChartTitle>

<Legend>

<Appearance Position="Bottom" Visible="True"></Appearance>

</Legend>

<PlotArea>

<CommonTooltipsAppearance Shared="true" Visible="false">

<SharedTemplate>

<div>#= year #</div>

</SharedTemplate>

</CommonTooltipsAppearance>

<XAxis DataLabelsField="year">

<TitleAppearance Text="Year" Visible="false"></TitleAppearance>

<LabelsAppearance RotationAngle="75" />

<MajorGridLines Visible="false"></MajorGridLines>

<MinorGridLines Visible="false"></MinorGridLines>

</XAxis>

<YAxis>

<MajorGridLines Visible="true" Color="#ffc5bf" Width="1"></MajorGridLines>

<MinorGridLines Visible="false"></MinorGridLines>

</YAxis>

<Series>

<telerik:ColumnSeries Stacked="True" Name="Available Shows" DataFieldY="shows">

<LabelsAppearance Visible="True"></LabelsAppearance>

</telerik:ColumnSeries>

<telerik:ColumnSeries Stacked="True" Name="Future Shows" DataFieldY="future">

<LabelsAppearance Visible="False"></LabelsAppearance>

</telerik:ColumnSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

Chart (HTML5)

answered on 08 Oct 2015

1 answer

207 views

RadAsyncUpload zip file extension, with maxfilesize

I get a failure from OnClientFileUploadFailed when I allow zip files, and MaxFileSize is set. If I remove MaxFileSize zip files upload correctly, but I would like to have both. Is there a workaround for this?

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

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

<head runat="server">

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title><%: Page.Title %></title>

<link rel="stylesheet" href="~/content/bootstrap.css"/>

</head>

<body>

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

<div>

<telerik:RadScriptManager runat="server" ID="rsm"></telerik:RadScriptManager>

<asp:Panel ID="pnlUpload" runat="server">

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" OnClientFileUploaded="OnClientFileUploaded" OnClientFileUploadFailed="badfiletype" OnClientValidationFailed="badfiletype"

AllowedFileExtensions="zip,xlsx,xls,pdf,doc,docx" MaxFileSize="2048576" OnFileUploaded="AsyncUpload1_FileUploaded" Skin="Bootstrap" UploadedFilesRendering="BelowFileInput">

</telerik:RadAsyncUpload>

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

<script type="text/javascript">

var uploadedFilesCount = 0;

var isEditMode;

function validateRadUpload(source, e) {

if (isEditMode == null || isEditMode == undefined) {

e.IsValid = false;

if (uploadedFilesCount > 0) {

e.IsValid = true;

}

isEditMode = null;

}

function badfiletype(sender, eventArgs) {

alert("This file type is not accepted");

}

function OnClientFileUploaded(sender, eventArgs) {

uploadedFilesCount++;

}

</script>

</telerik:RadCodeBlock>

<span class="allowed-attachments">Select files to upload (<%= String.Join( ",", AsyncUpload1.AllowedFileExtensions ) %>)

</span>

<label>Attached files:</label>

<asp:Repeater runat="server" ID="AttachmentRepeater" EnableViewState="false">

<ItemTemplate>

<span class="attachment icon-<%#Eval("FileExtension")%>">

<%# Eval("FileName") %>

(<%# Eval("ContentLength") %>kb);

</span>

</ItemTemplate>

</asp:Repeater>

</asp:Panel>

</div>

</form>

</body>

</html>

Code below

AsyncUpload

answered on 08 Oct 2015

3 answers

117 views

Title Bar Blank

I have my rad docks located within a multipage view. When the view is activated, the docks appear but the titles are missing.

(see attached "problem.jpg")

Is there a way to force the repaint method from code-behind, so I can run it during my view activation? Reclicking on the view link causes the titles to display properly.

(see "ok.jpg")

Dock

answered on 08 Oct 2015

7 answers

182 views

Edge Browser issue with filtered DropDownTree

Hi,

I have been using Edge as my primary browser since Windows 10 launched and testing my web application with it.

There is a particularly annoying issue with filtered dropdownlists where when you click in the text box to filter Edge brings up it's own autocomplete list of things that you have previously typed into textboxes. The problem is that this sits on top of the tree control and you cannot see it let alone use it.

Pushing escape to get rid of the autocomplete closes the dropdown tree also.

Take a look at the attached screenshot that I took when attempting to access your demo site

http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/overview/defaultcs.aspx

Are you aware of this issue and do you have a fix in the works?

Cheers,

Matt

DropDownTree

answered on 08 Oct 2015

3 answers

123 views

How to determine index of an item being dropped client side

We have just started with a trial of Telerik tools for a new drag and drop playlist we will be implementing into our solution. We are tracking the movement and sorting of each item by its value, parent value and id and we will be tracking any changes in an array and then on save we will be using those references to build new playlists.

The issue we are running into is getting the current index of the node when dropped on client side. We have used the OnClientNodeDropping but it doesnt seem to return the id of the item after it is dropped. Is there a different way we should be going about getting this?

TreeView

answered on 08 Oct 2015

2 answers

171 views

Hiding Expand Collapse arrow

Hello I have a Hierarchy grid with a master table and one detail table. I would like to know how to hide the expand collapse arrow when there are no items in the detail table. Most items in my grid will not have children items so having the arrows is annoying for users. Is this possible to do? Thanks.

Grid

answered on 08 Oct 2015

1 answer

82 views

Prevent Columns from being shown / hidden

I have to enable the header context menu on my grid as I want use it for filtering. Is there a way I can enable it but prevent the additional options in the context menu. The main one I want to remove is the hiding / showing of columns

Grid

answered on 08 Oct 2015

7 answers

201 views

RADMenu - Horizontal Child Items

When using the sitemapprovider, how can I set the child items to flow horizontally? Can I do it without codebehind, setting values in the .aspx page?

<telerik:RadMenu ID="RadMenu1" Flow="Horizontal" MaxDataBindDepth="-1" runat="server" DataSourceID="SiteMapDataSource1" Skin="Office2007" />
</ telerik:RadMenu>

Sharepoint Integration

answered on 08 Oct 2015

1 answer

33 views

How to make RadCloudUpload button like RadButton with icon propertie

Hello,

I can not add an icon to the radcloudUpload button as I do with radbutton.

Can you explain me how to do if it is feasible ?

Thank you

Vince

CloudUpload

answered on 08 Oct 2015

1 answer

67 views

Tooltip Missing From ThemeBuilder

I noticed that the Tooltip control is not currently included in the new ThemeBuilder. Is there a timeframe for this being added? I love 99% of the Bootstrap theme but the default black background on the Tooltip is going over like a lead balloon with our team. I'd love to be able to easily customize it.

ToolTip

answered on 08 Oct 2015