Questions on UI for ASP.NET AJAX Forum

11 answers

270 views

[Solved] Web page "frozen" after export to Excel

Dear Form,

I have an ajaxified radgrid that I successfully export to Excel, however, after I close the excel file and return to the web page, all the controls are frozen and I have to refresh the page to get anything working. How can I correct that?

I am working in VS2008 with Q2 2010 release, C#.

Thanks,
Celeste

Grid

answered on 28 Mar 2013

1 answer

120 views

Custom Skin Issue

I can't figure out what I am doing wrong. I am trying to use a custom skin with the RadSkinManager following the instructions here: http://www.telerik.com/help/aspnet-ajax/skinmanager.html

My StyleSheetManager:

<telerik:RadStyleSheetManager runat="server" ID="rssMan" EnableStyleSheetCombine="false" />

My RadSkinManager:

    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" >
        <Skins>
            <telerik:SkinReference Path="MySkins" />
        </Skins>
       <TargetControls>
           <telerik:TargetControl ControlsToApplySkin="RadGrid" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadCalendar" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadMenu" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadWindowManager" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadToolBar" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadColorPicker" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadDatePicker" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadEditor" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadTabStrip" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadUpload" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadDateInput" Skin="DonorPortalDefault" />
           <telerik:TargetControl ControlsToApplySkin="RadComboBox" Skin="DefaDonorPortalDefaultult" />
           <telerik:TargetControl ControlsToApplySkin="RadAjaxLoadingPanel" Skin="DonorPortalDefault" />
       </TargetControls>
   </telerik:RadSkinManager>

My web.config:

    <appSettings>
    <add key="Telerik.Web.UI.StyleSheetFolders" value="~/MySkins" />
    <add key="Telerik.EnableEmbeddedSkins" value="false" />
   </appSettings>

I have at the root of my project a MySkins Folder, which inside has a folder DonorPortalDefault, and then I have css files named for example "Grid.DonorPortalDefault.css"

For additional good measure on my control I have put EnableEmbeddedSkins="false" Skin="DonorPortalDefault"

Yet when the page is rendered a stylesheet link is not placed on the page, and I get un-skinned controls.

I can't figure out what else I am doing wrong.

SkinManager

answered on 28 Mar 2013

1 answer

251 views

Calendar Table style / CSS

Hallo,

http://www.telerik.com/help/aspnet-ajax/calendar-styles.html
http://www.telerik.com/help/aspnet-ajax/calendar-css-skin-file-selectors.html

To set the z-index after referring to url(s) above I tried these three classes but they seemed to to be effective. FYI - I also tried to use !important

.RadCalendar , .rcTimePopup, rcCalPopup & .rcHover

Reason:

I have a data entry form that I am genertaing dynamically and upon submit, the user sees result in the PDF Viewer on the right, but sometimes the Calendar Popup and/or drop-down, is if wider than uderlaps the Adobe's PDF Viewer. I certainly would like to use CSS selectors

Browser : IE 9 / W7

Code:

.RadCalendar{

z-index: 2147483647;

background-color: Aqua;

}

.rcTimePopup {

z-index: 2147483647;

}

.rcHover {

z-index: 2147483647;

background-color: Aqua;

}

Thanks,
-Aarsh

Calendar

answered on 28 Mar 2013

2 answers

86 views

Bar chart will not render with date change

I have a programmatically rendered chart getting its information from Telerik date controls and dropdown. When I set date controls and drop downs to their values, the chart renders correctly. When I change the date and click my button to render the chart again, the chart maintains the previous informaiton. I debugged the code and the sql is getting the correct dates but the chart is still rendering the previous dates. Any thing I am missing here regarding the rendering process?

Chart (Obsolete)

answered on 28 Mar 2013

8 answers

593 views

[Solved] Width problem of RadAsyncUpload

Hi,
I have a RadAsyncUpload control on my page in <td> tag of HTML table. Unfortunately, Its width fall outside the HTML table.
I have other elements in the other <td> tag but those elements can not be click as RadAsyncUpload control overlaps the other elements.
How can I control the width of RadAsyncUpload control ?
In the given code demo, If you try clicking Upload button You will still get a file dialogue opened to select file.
Please also note that, the textbox for the description read only. When I replaced RadAsyncUpload control with RadUpload I can enter text in textbox, means It becomes editable.
Here is a HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="TestRadAsyncUpload_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>

<style type="text/css">

.ruBrowse

{

background-position: 0 -46px !important;

width: 122px !important;

}

</style>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="ajaxPanel" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<table width="70%" cellpadding="0" cellspacing="0" border="1">

<tr>

<td style="width: 30%">

Select Files :

</td>

<td style="width: 30%; ">

<%--<telerik:RadAsyncUpload ID="uploadRefAndInstrucs" AllowedFileExtensions="doc,docx,xls,xlsx,pdf,zip,rar,tar,gz" runat="server" >

</telerik:RadAsyncUpload>--%>

At least one file muct be selected<br /> <br />

<telerik:RadAsyncUpload ID="uploadRefAndInstrucs" runat="server" Width="190px" CssClass="ruBrowse" >

</telerik:RadAsyncUpload>

<%-- <telerik:RadUpload ID="uploadRefAndInstrucs" runat="server" >

</telerik:RadUpload>--%>

</td>

<td style="width: 40%">

</td>

<td style="width: 30%">

Select Files :

</td>

<td valign="top" style="width: 30%; ">

<%--<telerik:RadAsyncUpload ID="uploadRefAndInstrucs" AllowedFileExtensions="doc,docx,xls,xlsx,pdf,zip,rar,tar,gz" runat="server" >

</telerik:RadAsyncUpload>--%>

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Width="190px" CssClass="ruBrowse" >

</telerik:RadAsyncUpload>

<asp:Button ID="btnUpload" runat="server" CausesValidation="false" Text="Upload" OnClick="btnUploadAnotherLanguage_Click" />

<%-- <telerik:RadUpload ID="uploadRefAndInstrucs" runat="server" >

</telerik:RadUpload>--%>

</td>

<td style="width: 40%">

</td>

</tr>

<tr>

<td style="width: 30%">

<asp:Label runat="server" ID="lblContentSource" Text="Content Source Language *"

Width="100%"></asp:Label>

</td>

<td style="width: 30%">

<asp:DropDownList runat="server" ID="ddlCotentSourceLanguage" Width="100%">

<asp:ListItem Text="-- Select Language --" Value="0"></asp:ListItem>

<asp:ListItem Text="Canada" Value="1"></asp:ListItem>

<asp:ListItem Text="USA" Value="2"></asp:ListItem>

<asp:ListItem Text="China" Value="3"></asp:ListItem>

</asp:DropDownList>

</td>

<td style="width: 20%">

<asp:RequiredFieldValidator ID="ReqContentSourceLanguage" ValidationGroup="UpdateGroup"

ToolTip="Content source language is required." runat="server" ControlToValidate="ddlCotentSourceLanguage"

InitialValue="0" Text="*" Display="Dynamic" ErrorMessage="Select content source language."></asp:RequiredFieldValidator>

</td>

<td colspan="3" style="width: 20%">

</td>

</tr>

<tr>

<td align="right">

<asp:Label ID="lblDescription" runat="server" Text="Description*"></asp:Label>

</td>

<td style="width: 25%">

<asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" Width="100%"></asp:TextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="ReqDescription"

runat="server" ValidationGroup="UpdateGroup" ControlToValidate="txtDescription"

Display="Dynamic" Text="*" ErrorMessage="Enter description."></asp:RequiredFieldValidator>

</td>

<td colspan="3" style="width: 20%">

</td>

</tr>

<tr>

<td colspan="6">

<asp:Button ID="btnUploadAnotherLanguage" runat="server" ValidationGroup="UpdateGroup" Text="Submit" OnClick="btnUploadAnotherLanguage_Click" />

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</form>

</body>

</html>

Thanks

Tejas

AsyncUpload

answered on 28 Mar 2013

3 answers

61 views

RadDatepicker in radwindow causes the parent page and the radwindow shift upwards

Hi,

I am have a radDatepicker on my radwindow. When i first click on the radDatepicker and select a date it cause both the radwindow and the parent page to shift upwards making the headers invisible.

This is happening only in IE7 and in a radwindow.

Thanks & Regards,
Sharanya

Calendar

answered on 28 Mar 2013

1 answer

116 views

Advanced Form calls Form Created on Cancel

When I click cancel on my custom advanced from, the page load runs and the form creating and created get called again. It then runs all of my form created code before it dismisses the popup.

If I can check the commandName on this link button, I could fix this easily.

<asp:LinkButton runat="server" ID="btnCancel" CssClass="rsAdvEditCancel" CommandName="Cancel" CausesValidation="false">

Ideas?

Scheduler

answered on 28 Mar 2013

4 answers

441 views

Export Excel Biff and column widths

I'm having a hard time getting column widths looking nice in a RadGrid Excel export to Biff format. The grid is fairly simple, binding to a dataset with a few DataBound columns.

With no widths set on any of the GridBoundColumns, the grid looks wonderful in HTML (widths set automatically), but the Excel export appears with very small columns (all have width set to zero).

If I manually set widths on each of my GridBoundColumns, again it looks great in HTML but the resulting Excel export has very, very wide columns that run way off the right side of the page. It appears this has to do with Excel measuring column widths in characters and the RadGrid of course handling column widths with pixels. For example, if I set my GridBoundColumn.HeaderStyle.Width = 240, in the resulting Excel file I can see the column width set to 180. Some conversion must be happening here to convert pixels to characters but it's not working right.

Is there any way I can set the Excel columns width equal to the pixel width settings in my RadGrid?

Grid

answered on 28 Mar 2013

3 answers

358 views

RadAsyncUpload and CustomValidator

I am trying to get the CustomValidator to work with the RadAsyncUpload, but not having any luck.

I have tried the example from here http://www.telerik.com/community/forums/aspnet-ajax/async-upload/required-validator-and-radasyncupload.aspx but the javascript never fires. What links the 2 controls togther? Normally I would set the ControlToValidate property of the CustomValidator, but that also does not work.

I have simplified the example (Should always fail validataion), but still no luck

<script type="text/javascript">

function validateUpload(sender, args) {

args.IsValid = false;

}

</script>

<div>

<tel:RadAsyncUpload ID="RadAsyncUpload1" runat="server" MultipleFileSelection="Automatic" />

<asp:CustomValidator runat="server" ID="CustomValidator" ClientValidationFunction="validateUpload" ErrorMessage="Select at least a single file" />

</div>

AsyncUpload

answered on 28 Mar 2013

1 answer

112 views

Pivot Grid with datafield name as row field

Is it possible to create a Pivot Grid with datafield name as row field.
The data source and the final report format is given below just as an example.
I have attached screen shot in case formatting is lost during the posting.

Date source

firm_ID

firm_name

PMName

Region

Market

Forum

month

YEAR

valuefield1

valuefield2

valuefield3

valuefield4

valuefield5

48

hello

john

USA

Food

Genie

10

2012

0.1

0.9

0.8

48

hello

john

USA

Food

Genie

11

2012

0.1

0.8

0.3

0.8

48

hello

john

USA

Food

Genie

12

2012

0.1

0.6

0.5

0.8

Pivot Grid Format

Firm name

PM Name

Region

Market

Forum

hello

john

USA

Food

Genie

2012

10

11

valuefield1

valuefield2

valuefield3

valuefield4

valuefield5

PivotGrid

answered on 28 Mar 2013