Questions on UI for ASP.NET AJAX Forum

4 answers

130 views

Hi,
when the grid is in insert mode, I cannot set dafault value for the RadDatePicker.
This method doesn't work:

<telerik:GridTemplateColumn DataField="DateOper" HeaderText="DateOper

" SortExpression="DateOper" UniqueName="DateOper" ColumnEditorID="0">

<ItemTemplate>

asp:Label runat="server" ID="DateOper" Text='<%# Bind("DateOper","{0:d}") %>'></asp:Label

</ItemTemplate><

InsertItemTemplate>

telerik:RadDatePicker runat="server" ID="DateOper" DbSelectedDate='<%# Bind("DateOper","{0:d}") %>'></telerik:RadDatePicker>

protected void rgKsOper_ItemDataBound(object

sender, Telerik.Web.UI.GridItemEventArgs e)

   {

if (e.Item is

GridEditFormInsertItem && e.Item.OwnerTableView.IsItemInserted)

      {    GridEditFormInsertItem insertItem = (GridEditFormInsertItem)e.Item;

           RadDatePicker dateOper = (RadDatePicker)insertItem.FindControl(

"DateOper"

);

           date.SelectedDate = DateTime.Today;

      }

   }

help me understand...

Grid

answered on 03 Jan 2013

2 answers

130 views

Telerik Top menu

Hi,

I want to add something like telerik top menu which currently includes Product Families and account info and about us to my site. I want to have a box on top of my master page to show help of each page. is there any solution?!

I want something like PRODUCT FAMILIES to slide in and out. thanks for any help.

General Discussions

answered on 03 Jan 2013

0 answers

53 views

How to open edit mode in the top of the grid instead of bottom

Hi,

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/templateformupdate/defaultcs.aspx

In the above example when we click on the edit button it opens the form below the item. Can we open that item on the top instead of below the item??

Thanks,
Nimmy

Editor

asked on 03 Jan 2013

3 answers

146 views

RadEditor Export Issues

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

197 views

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

103 views

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

244 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

267 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

343 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

222 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