Questions on UI for ASP.NET AJAX Forum

5 answers

209 views

Hi,

I have used RadEditor and its associated tools group.. i had faced a problem such that, i entered the text one below another using enter key and selected one text to make it right aligned.. The Problem is all the texts displayed one below other is also getting right aligned, not the particular text alone which i have selected.. It is not only for right alignment, also includes left,justify...The following is the code i used,

<telerik:RadEditor TabIndex="4" ID="radEditorDescription" OnClientLoad="OnClientLoad" EnableResize="false"

runat="server" Width="640px" CssClass="marginBottom20 maarginleft10">

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorTool Name="AjaxSpellCheck" />

<telerik:EditorTool Name="Print" />

<telerik:EditorTool Name="StrikeThrough" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="Subscript" />

<telerik:EditorTool Name="Superscript" />

<telerik:EditorTool Name="FindAndReplace" ShortCut="CTRL+F" />

<telerik:EditorTool Name="Undo" ShortCut="CTRL+Z" />

<telerik:EditorTool Name="Redo" ShortCut="CTRL+Y" />

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="TableWizard" />

<telerik:EditorTool Name="InsertSymbol" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull"/>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="ForeColor" />

<telerik:EditorTool Name="BackColor" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="RealFontSize"

/>

</telerik:EditorToolGroup

</Tools>

<CssFiles>

<telerik:EditorCssFile Value="~/App_Themes/Web20/Editor.css" />

</CssFiles>

</telerik:RadEditor>

Please guide me to proceed further..

Thanks,
Hema.

Editor

answered on 03 Jan 2013

3 answers

66 views

Image "thumb" is created, but no changes are reflected

I am having a problem with the Image Editor. When we resize and/or crop an image it is not reflected in the saved image. Basically, a copy of the image is created, but none of the changes are there. I am using Firefox 16.0.2 and we are using:

Telerk.Web.UI_2012_3_1113_Dev_hotfix

Any help would be greatly appreciated!

ImageEditor

answered on 03 Jan 2013

3 answers

820 views

How to create a pie chart programatically?

is there a tutorial that explains how to create a pie chart programatically.

Documentation and Tutorials

answered on 03 Jan 2013

4 answers

123 views

set dafault value

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

115 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

46 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

131 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

183 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

97 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

234 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