Questions on UI for ASP.NET AJAX Forum

3 answers

158 views

I am using MS Visual Studio 2010 in a 3.5 environment.
I am using Microsoft Vista (32 bit)
The database is currently located on an SQL 2008 server.
I am using RadGrid & tools, version 2012.2.724.35
I am using Internet Explorer (9.0.8112.16421)
I am programming in VB.net

I am using a radEditor that I have populated with HTML. I am sending this to a PDF file into a new window, but when I try to open or save it, I get an error.

PROBLEM
Open - I immediately get a message saying the file can't be downloaded. I can hit retry and Adobe Reader opens and displays a message: Adobe Reader could not open FILENAME because it is either not a supported file type or because the file has been damaged.

I can do a Save As and it's fine.

I can also choose to not open in a New Window and view it in the current window. It looks fine and I can print and download. However, I don't want to leave the page I was on and printing defaults to portrait although I specified landscape.

This is my settings for the radEditor

<telerik:RadButton ID="btnReport" runat="server" style="top: 0px; left: 0px"

Text="Summary Report">

</telerik:RadButton>

<telerik:RadEditor ID="radPDFReport" Runat="server" Height="114px"

Width="685px" ExportSettings-FileName="ForeignCurrencyTotals"

Visible="False">

<ExportSettings OpenInNewWindow="True">

<Pdf PageHeight="8.5in" PageWidth="11in" AllowAdd="True" AllowCopy="True"

AllowModify="True" Title="Foreign Curency Totals" Author="Accounting"

Creator="Accounting" PageBottomMargin="45px" PageFooterMargin="18px"

PageHeaderMargin="18px" PageLeftMargin="18px" PageRightMargin="18px"

PageTopMargin="37px" />

</ExportSettings>

<Content>CONTENT</Content>

<TrackChangesSettings CanAcceptTrackChanges="False"></TrackChangesSettings>

</telerik:RadEditor>

This is the HTML I'm pasting.

<table style="width: 100%; height: 100%;" cellspacing="0" cellpadding="2">

<colgroup><col /><col /><col /><col /><col /><col /></colgroup>

<tbody>

<tr>

<td colspan="3" style=

"border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

><strong>Foreign Currency Totals </strong></td>

<td colspan="3" style=

"text-align: right; vertical-align: top; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

>As of 8/10/2012</td>

</tr>

<tr>

<td rowspan="2" style=

"text-align: left; vertical-align: top; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;"

><strong>Country Code</strong></td>

<td rowspan="2" style=

"text-align: left; vertical-align: top; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;"

><strong>Currency name</strong></td>

<td colspan="3" style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"><strong>Details</strong></td>

<td rowspan="2" style=

"text-align: left; vertical-align: top; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;"

><strong>Comments</strong></td>

</tr>

<tr>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;">Foreign Total</td>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;">Exchange Rate</td>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 2px;">USD Total</td>

</tr>

<tr>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;">CAD</td>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;">Canada Dollar</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>1,140</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>1.00219480662</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>$1,142.50</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

</tr>

<tr>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;">CNY</td>

<td style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;">China Yuan</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>8,470</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>0.15720057221</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>$1,331.49</td>

<td style=

"border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

</tr>

<tr>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

><strong>Total</strong></td>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; text-align: right;"

>$3,998.96</td>

<td style=

"border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;"

> </td>

</tr>

</tbody>

</table>

The code to initiate the Export:

radPDFReport.Content = sHTMLBody

radPDFReport.ExportSettings.FileName = "ForeignCurrencyTotals_" & DateAndTime.Month(Now()) & "-" & DateAndTime.Day(Now()) & "-" & DateAndTime.Year(Now())

radPDFReport.ExportToPdf()

Editor

answered on 03 Jan 2013

7 answers

202 views

[Solved] scrolltop works in chrome but not IE

Hi All,

The following code works as expected for chrome; when the page loads the last clicked or expanded node is moved to the top of the tree view. However this doesn't work in IE. Any ideas?

function panelBarLoaded(sender, eventArgs) {

var panelBar = $find("<%=PanelBar1.ClientID%>");

var panelItem = panelBar.findItemByText("Navigator");

var treeView = panelItem.findControl("tree");

var node = treeView.findNodeByAttribute("DSID",document.getElementById("scrollingNode").value);

if (node != null) {

window.setTimeout(function () { scrollToNode(treeView, node); }, 200);

}

function scrollToNode(treeview, node) {

var nodeElement = node.get_contentElement();

var treeViewElement = treeview.get_element();

var nodeOffsetTop = treeview._getTotalOffsetTop(nodeElement);

var treeOffsetTop = treeview._getTotalOffsetTop(treeViewElement);

var relativeOffsetTop = nodeOffsetTop - treeOffsetTop;

treeViewElement.scrollTop = relativeOffsetTop;

window.scrollTo(0, relativeOffsetTop);

}

Tree View Declaration;

<telerik:RadPanelBar runat="server" Width="100%" Height="100%" id="PanelBar1" OnClientItemClicked="OnClientItemClicked3" ExpandMode="FullExpandedItem" OnClientLoad="panelBarLoaded" Skin="Windows7" TabIndex="2">

<telerik:RadPanelItem Width="100%" Text="Navigator" Expanded="True" runat="server">

<items>

<telerik:RadPanelItem Width="100%" Height="100%" runat="server" Value="TemplateHolder">

<ItemTemplate>

<telerik:RadTreeView ID="tree" runat="server" onnodeexpand="tree_NodeExpand" Width="100%" Height="99%" EnableDragAndDrop="False" OnNodeDrop="tree_HandleDrop" OnClientContextMenuItemClicking="newJumpTo" OnClientContextMenuShowing="ClientContextMenuShowing" OnNodeCollapse="RadTreeView1_NodeCollapse"

OnClientNodeDropping="onNodeDropping" OnClientNodeDragging="onNodeDragging" OnNodeClick="updateRecentDocuments" OnClientNodeClicked="ViewDoc" MultipleSelect="true" EnableDragAndDropBetweenNodes="true" EnableEmbeddedSkins="true" Skin="Windows7">

TreeView

answered on 03 Jan 2013

2 answers

110 views

[Solved] RadSplitter Enable Resizing border Problem

Hi Telerik Team,

I am setting property for RadSplitter is EnableResizing = False.At the time of expanding the Panel it is not showing the border of the Panel.Please check the following url for more info.

http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_enableresizedock/defaultcs.aspx

Can you please tell me how to set border for the panel at the time of expanding?

Thanks
Shaik Nazeer Hussain.

Splitter

answered on 03 Jan 2013

2 answers

251 views

Loading panel not disappears on client button.click

Hello,

I have a page with a RadAjaxPanel linked to a RadAjaxLoadingPanel.
In this page, via a user control, I have a text box and a search button. When the character 13 (CR) is pressed in the text box, the client side executes a click of the button.

<div style="margin:4px">

<asp:TextBox ID="TextBox1" runat="server" EnableViewState="true" CssClass="BlackStandard" />

<asp:TextBox ID="TextBox2" runat="server" style="visibility:hidden;display:none;" /><%-- Necessary hidden textbox to link search button with enter on text box 1 --%>

<asp:Button ID="btnSearch"

Text="<%$ Resources:btnSearch %>" onclientclick="setCursorHourglass();" CssClass="CTAButton" runat="server"  OnClick="btnSearch_OnClick" />

</div>

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

<script type="text/javascript">

////////////////////////////////////////////////////////////////////

// Make the click of the button in parameter when ENTER is typed

// in the textbox in parameter

function button_click(objTextBox, objBtnID) {

if (window.event.keyCode == 13) {

document.getElementById(objBtnID).focus();

document.getElementById(objBtnID).click();

}

</script>

</telerik:RadCodeBlock>

protected void Page_Load(object sender, EventArgs e)

{

this.TextBox1.Attributes.Add("onkeypress", "button_click(this,'" + this.btnSearch.ClientID + "')");

          }

The click is well taken into account but the problem is that the loading panel appears BUT not disappears.
note that if I click manually on the button, the behaviour is correct (loading panel appears/disappears).

Someone has an idea of what freezes the loading panel ?

Thanks by advance.

Damien

Ajax

answered on 03 Jan 2013

3 answers

284 views

Export RadGrid to pdf is blank

hello all ,
i try to export radgrid to pdf but it still blank,

this is my client side code :

<telerik:RadGrid runat="server" ID="ReservationsGrid" MasterTableView-ShowHeadersWhenNoRecords="true" OnPdfExporting="ReservationsGrid_PdfExporting" OnNeedDataSource="ReservationsGrid_NeedDataSource" OnGridExporting="ReservationsGrid_GridExporting"

AutoGenerateColumns="false" AllowPaging="true" OnItemCommand="ReservationsGrid_ItemCommand" >

<PagerStyle PageSizes="10" />

<ExportSettings ExportOnlyData="true" Excel-Format="Html"></ExportSettings>

<MasterTableView CommandItemDisplay="Top" UseAllDataFields="true">

<CommandItemSettings ShowExportToPdfButton="true" ShowExportToExcelButton="true" ShowExportToCsvButton="true" ShowExportToWordButton="true" ></CommandItemSettings>

<Columns>

.........

and i've a radajaxmanager :

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<ClientEvents OnRequestStart="onRequestStart" />

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ReservationsGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ReservationsGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

with this script function :

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) {

args.set_enableAjax(false);

}

</script>

my code behind is :

protected void ReservationsGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

switch (e.CommandName)

{

case RadGrid.ExportToPdfCommandName:

ConfigureExport();

ReservationsGrid.MasterTableView.ExportToPdf();

break;

case RadGrid.ExportToExcelCommandName:

ConfigureExport();

ReservationsGrid.MasterTableView.ExportToExcel();

break;

case RadGrid.ExportToCsvCommandName:

ConfigureExport();

ReservationsGrid.MasterTableView.ExportToCSV();

break;

case RadGrid.ExportToWordCommandName:

ConfigureExport();

ReservationsGrid.MasterTableView.ExportToCSV();

break;

default:break;

}

public void ConfigureExport()

{

ReservationsGrid.ExportSettings.ExportOnlyData = true;

ReservationsGrid.ExportSettings.IgnorePaging = true;

ReservationsGrid.ExportSettings.OpenInNewWindow = true;

}

thanks in advance .

Grid

answered on 03 Jan 2013

8 answers

358 views

Cannot setfocus to RadComboBox

I've been stuggling with this issue all day long and can't figure out how to setfocus to a RadComboBox control. When the sefocus method is called for a particlular control I can see the cursor enter into the textbox of the control but then it moves to the dropdown button. What am I doing wrong??

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

BindPage();

ActionDate.SelectedDate = DateTime.Now;

SetFocus(ddlUserName.ClientID + "_Input");

}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="QuickTicketDetail.aspx.cs"

Inherits="TED.Web.PopUps.QuickTicketDetail" %>

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

<!DOCTYPE html >

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

<head runat="server">

<title></title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<script type="text/javascript">

function CloseAndRebind(args) {

GetRadWindow().BrowserWindow.refreshGrid(args);

GetRadWindow().close();

}

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)

return oWindow;

}

function CancelEdit() {

GetRadWindow().close();

}

</script>

<asp:ValidationSummary ID="valSummary" runat="server" ValidationGroup="valSummary"

DisplayMode="BulletList" ShowMessageBox="true" ShowSummary="false" />

<div style="float: left;">

<asp:LinkButton ID="lnkSave" runat="server" SkinID="LinkButton_Save" CssClass="LinkButton"

OnClick="Save" CausesValidation="true" ValidationGroup="valSummary"></asp:LinkButton>

</div>

<br />

<div class="divLabel">

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td>

<asp:Label ID="lblWhatHappened" runat="server" SkinID="Label_Bold_8pt" Text="What Happened:"

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

</td>

<td>

<telerik:RadEditor ID="TicketDetail" runat="server" Width="350" Height="100" Skin="Web20"

StripFormattingOptions="All" AllowScripts="false" EditModes="Design">

<CssFiles>

<telerik:EditorCssFile Value="../App_Themes/Control Themes/EditorContentArea.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<asp:RequiredFieldValidator ID="rfvTDTicketDetail1" runat="server" ControlToValidate="TicketDetail"

ErrorMessage="What Happened" ValidationGroup="valSummary">*</asp:RequiredFieldValidator>

</td>

<td>

<asp:CheckBox ID="cbInternal" runat="server" SkinID="CheckBox" Text="Internal Update"

TextAlign="Right" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblWhatsNext" runat="server" SkinID="Label_Bold_8pt" Text="Whats next:"

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

</td>

<td>

<telerik:RadEditor ID="Next" runat="server" Width="350" Height="100" Skin="Web20"

StripFormattingOptions="All" AllowScripts="false" EditModes="Design">

<CssFiles>

<telerik:EditorCssFile Value="../App_Themes/Control Themes/EditorContentArea.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<asp:RequiredFieldValidator ID="rfvNext" runat="server" ControlToValidate="next"

ErrorMessage="Whats Next" ValidationGroup="valSummary">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</div>

<div class="divLabel">

<asp:Label ID="lblActionDate" runat="server" SkinID="Label_Bold_8pt" Text="Action Date:"

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

<telerik:RadDatePicker ID="ActionDate" runat="server" Width="90px">

</telerik:RadDatePicker>

<asp:RequiredFieldValidator ID="rfvActionDate" runat="server" ControlToValidate="ActionDate"

ErrorMessage="Action Date Required" Text="*" ValidationGroup="valSummary"></asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblTDCommunicationType" runat="server" SkinID="Label_Bold_8pt" Text="Comm Type:"

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

<telerik:RadComboBox ID="ddlCommunicationType" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="100px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvCommType" runat="server" ControlToValidate="ddlCommunicationType"

ErrorMessage="Communication Type Required" Text="*" ValidationGroup="valSummary"></asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblDTDetailTime" runat="server" Text="Detail Time: " SkinID="Label_Bold_8pt"

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

<asp:TextBox ID="txtTDTicketDetailTime" runat="server" Width="50px"></asp:TextBox>

<asp:CompareValidator ID="cvTDTicketDetailTime" runat="server" ControlToValidate="txtTDTicketDetailTime"

ErrorMessage="*" Operator="DataTypeCheck" Type="Currency" ValidationGroup="valSummary"></asp:CompareValidator>

<asp:CompareValidator ID="cmvTicketDetailTime" runat="server" ControlToValidate="txtTDTicketDetailTime"

ValueToCompare="0" Type="Currency" ErrorMessage="Detail time must be greater than 0"

Text="*" ValidationGroup="valSummary" Operator="GreaterThan"></asp:CompareValidator>

<telerik:RadComboBox ID="ddlType" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="75px">

<Items>

<telerik:RadComboBoxItem Text="Minutes" Value="1" Selected="true" />

<telerik:RadComboBoxItem Text="Hours" Value="2" />

</Items>

</telerik:RadComboBox>

<telerik:RadComboBox ID="ddlUserName" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="150px" AutoPostBack="true">

</telerik:RadComboBox>

<asp:Label ID="lblAssist" runat="server" Text="Asst:" SkinID="Label_Bold_8pt"></asp:Label>

<telerik:RadComboBox ID="ddlAssistUser" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="150px" AutoPostBack="true">

</telerik:RadComboBox>

</div>

<div class="divLabel">

</div>

</form>

</body>

</html>

ComboBox

answered on 03 Jan 2013

10 answers

242 views

Grid Export on iPad iOS

I've got a form with a RadGrid which exports data to PDF and Excel.

On the web form both work without problem. On Android the PDF works however the Excel file does not open - believes it is a CSV file and cannot open.

On an iPad neither will open - I just get a white blank window in place where the PDF should be and "Cannot open document" when trying to open Excel file. Both android and iOS have Documents to Go installed.

has anybody got this working on iOS?

Cheers
Cliff

Grid

answered on 03 Jan 2013

0 answers

56 views

Related combo boxes with Load on demand

Dear Telerik Team

How I can apply Load on demand on both combos
and at the same time they are related ??

I apply "Load on demand" on both and works well
but I cannot make them related combo boxes ??

Does anyone tried this scenario before ??

Thanks

General Discussions

asked on 03 Jan 2013

1 answer

94 views

How to have different subject text for recurrence appointment?

I am new to telerik control and analyzing the scheduler to schedule the appointments, my requirement is bit different from usual scheduler flow. (ie. The appointment subject needs to be different for each schedule, a trainer can schedule a Class I to Class 12. In case i have schedule Class 1 with recurrence option, then it needs to generate the physical appointment upto 12. But the scheduler is creating one appointment and maintaining the recurrence option. Please guide how to use the scheduler in this scenario? )

Scheduler

answered on 03 Jan 2013

3 answers

131 views

Creating multiple appointments with recurrence

Hi,

I have a below use case. Client want to schedule different type of appointments but at same time on different dates.

When we use rad scheduler it is creating one appointment in the db with recurrence rule updated. When i see the calendar with same subject i am seeing different appointments.

But my requirement i need to setup different apointments for example
Yoga - Mon - 10/11/2012 10:00 AM to 11:00AM
Swimming - Tue - 11/11/2012 10:00 AM to 11:00AM
Abs - Wed- 12/11/2012 10:00 AM to 11:00AM

Above three appointments i want to set using recurrence option in rad schedular. please let me know how can we do it.

Scheduler

answered on 03 Jan 2013