Questions on UI for ASP.NET AJAX Forum

1 answer

94 views

Text Alignment ToolBar Buttons stop working after switching EditModes

Hello,

I just wanted to bring this to your attention if it has not been already. It appears that when you apply Text Alignment to the text within your RadEditor, it will work until you switch Content Modes. After switching to say, HTML mode and back to Design mode, highlight the same portion of text(or all of the text, does not matter) and click any of the Text Alignment buttons again, and you will notice that nothing will happen.

You can easily reproduce this on your Editor Demo page: Telerik RadEditor Demo

So is there a fix out for this? or some type of workaround? It seems kind of silly to only be able to align text prior to switching Edit Modes and then being unable to afterwards.

Thanks in advance!

-Andrew

PS: This has been reproduced in Firefox 5.0+ & IE 8+

Editor

answered on 30 Aug 2011

7 answers

281 views

[Solved] Rad Editor Tab Issue Bullet Points

I have a RadEditor set up. Is there a way to insert a sort of five spaces into an area which is a bullet point? Whenever I try to accomplish this it always creates the secondary bullet point and the spaces. I need the line's point to stay the same, but the spaces inserted. Posted below is the editor itself, and the javascript function I've found on the forums to insert five spaces.

editor

    
                                Product Description: <br /> 
        
                                <span style="font-family: Arial; font-size: 12pt;"> 
        
                                    <telerik:RadEditor id="ProductDescription" runat="server" Width="700px" Height="800px" 
        
                                        Skin="WebBlue" ToolsFile="~/Includes/BasicTools.xml" OnClientLoad="OnRadEditorClientLoad" 
        
                                        EditModes="All"> 
        
                                        <SpellCheckSettings AllowAddCustom="true" DictionaryLanguage="en-US" DictionaryPath="~/App_Data/RadSpell" SpellCheckProvider="EditDistanceProvider" /> 
        
                                        <CssFiles> 
        
                                            <telerik:EditorCssFile Value="~/Includes/EditorContentArea.css" /> 
        
                                        </CssFiles> 
        
                                    </telerik:RadEditor>  
        
                                </span> 
        
                                <br />

javascript

    
                     function OnRadEditorClientLoad(editor, args) { 
        
                         //attach to the onkeydown event, check whether the tab key is pressed and paste &nbsp; in the editor 
        
                         editor.attachEventHandler("onkeydown", function(e) { 
        
                             if (e.keyCode == '9') { 
        
                                 editor.pasteHtml("&nbsp;&nbsp;&nbsp;&nbsp;"); 
        
                                 if (!document.all) { 
        
                                     e.preventDefault(); 
        
                                     e.preventBubble(); 
        
                                     e.stopPropagation(); 
        
                                 } 
        
                                 else { 
        
                                     e.returnValue = false; 
        
                                     e.cancelBubble = true; 
        
                                 } 
        
                             } 
        
                         }); 
        
                     }

Any help is appreciated...

Editor

answered on 30 Aug 2011

3 answers

127 views

Change PlotArea grid color

Hello,
I would like to change the color of the grids to black.
In the picture attached, the grids are unvisible...

Can you help me?

Thank you in advance.

Cordialy,
Françoi.

Chart (Obsolete)

answered on 30 Aug 2011

2 answers

335 views

Telerik.Web.UI.resources version=2011.2.712.40 not found

I constantly recieve an error for an ASP.NET 4.0 Web Forms website:
Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Could not load file or assembly 'Telerik.Web.UI.resources, Version=2011.2.712.40, Culture=en-US, PublicKeyToken=121fae78165ba3d4' or one of its dependencies. The system cannot find the file specified.

I'm unable to fix this error.Please help.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 30 Aug 2011

1 answer

101 views

Dynamic nested nodes do not get attached to the nodes of treeview

I am trying to create a tree view like on this page:

http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/templates/defaultcs.aspx

Here is my code:

CusTree.DataSource = tblData

CusTree.DataTextField = "CUSTOMER_NAME"

CusTree.DataValueField = "CUSTOMER_PREFIX"

CusTree.DataBind()

Dim nd As ITemplate = WipTree.NodeTemplate()

Dim nstdNode As New RadTreeNode

nstdNode.NodeTemplate = nd

For i As Integer = 1 To CusTree.Nodes.Count - 1

CusTree.Nodes(i).Nodes.Add(nstdNode)

Next

As you can see I am trying to create it dynamically. I have two tree views: CusTree and WipTree. My problem is that when I add nstdNode (that contains the template node) to the CusTree nodes, it only shows the nstdNode appended to the last Node of CusTree. I am in a fix as what could be the problem. Can you please help me with this ASAP??

<telerik:RadTreeView ID="CusTree" runat="server" Skin="Outlook">

</telerik:RadTreeView>

<telerik:RadTreeView ID="WipTree" runat="server" Skin="Outlook">

<NodeTemplate>

<iframe id="frm" runat="server" src="http://google.com"></iframe>

</NodeTemplate>

</telerik:RadTreeView>

TreeView

answered on 30 Aug 2011

3 answers

206 views

Time Picker EndTime

Hi.
I've two time pickers, one to enter a "start time" and another for the "end time". I set both with 00:30:00 interval. First one StartTime is 00:00:00 and EndTime is 23:30:00. Second one StarTime is 00:30:00 and EndTime must be 00:00:00 (or 24:00:00) but it doesn't work. If I try to set 23:59:59, due to Interval I can't see in the timetable this last one. How I can set and EndTime to 00:000:00 (or view 23:59:59 with 30 minutes Interval) without change the day?

Thanks in advance.

Calendar

answered on 30 Aug 2011

9 answers

155 views

RadGrid child column drag to grouby throws javascript error

Hi ,

I am using a radgrid having a child grid (DetailTable1) which again has one more child grid (DetailTable2) whenever I drag the column of the detailTable2 to groupby header I get the following javascript error on IE7:-

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Timestamp: Fri, 13 May 2011 22:55:24 UTC

Message: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 500
Line: 6
Char: 62099
Code: 0
URI: http://192.168.9.99/106/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_AccountingRadScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3afab31106-1bd6-4491-9a14-59e0fc4a7081%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.1.315.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3ae4ca4719-c559-4761-8501-9be20bbda1fe%3a16e4e7cd%3aed16cbdc%3a86526ba7%3af7645509%3a24ee1bba%3a11a04f7e%3af46195d3%3ae330518b%3a1e771326%3ac8618e41%3a874f8ea2%3ab7778d6c%3a19620875%3a490a9d4e%3abd8f85e4%3a58366029

This error only occurs on IE7 and not on mozilla and any other browser. Please help in this .

Thanks,

Rahul.

Ajax

answered on 30 Aug 2011

2 answers

90 views

[Solved] DragGroup in NestedViewTemplate

Hi telerik Team,

I have a Grid with NestedViewTemplate. In this template I have a table.

I would like to make a DragGroup on my Grid with the header column of my table.
Is it possible ?

(I can change my table for a RadGrid)

Thank.

Regards.

Grid

answered on 30 Aug 2011

3 answers

81 views

Potential bug in radspell

I have the following requirement:

Radspell control to spell check a textbox
Radspell supports English and French languages
When an English user views the page, the English language is preselected from the dropdown, French language is selected otherwise

I got the above working. However, when a French users enters purely English text in the textbox and select English from the drop down, the control still do the spell checking as if French is selected. I am using version 2011.1.519.40 and asp.net 4.0.

I noticed that the issue occurs when only if I set the DictionryLanguage property

Here is the code I have used

Public Class _Default

Inherits System.Web.UI.Page

Dim language As String

Protected Sub RadSpell1_Init(sender As Object, e As EventArgs) Handles RadSpell1.Init

RadSpell1.SupportedLanguages = New String() {"en-us", "English", "fr-fr", "French"}

If language = "1" Then

RadSpell1.DictionaryLanguage = "fr-fr"

Else

RadSpell1.DictionaryLanguage = "en-us"

End If

End Sub

Private Sub Page_PreInit(sender As Object, e As System.EventArgs) Handles Me.PreInit

If Request.QueryString.AllKeys.Contains("lang") Then

language = Request.QueryString("lang").ToString

End If

End Sub

End Class

<%@ Page Title="Home Page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"

CodeBehind="Default.aspx.vb" Inherits="TelerikRadSpellPOC._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

</telerik:RadScriptManager>

<h2>

Welcome to ASP.NET!

</h2>

<div>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<telerik:RadSpell ID="RadSpell1" runat="server" ControlToCheck="TextBox1"

/>

</div>

</asp:Content>

Please let me know if I missed anything

Spell

answered on 30 Aug 2011

4 answers

137 views

cannot get RadNumericTextblock to work in radgrid

I'm using a radnumeric textbox as a template control in a radgrid which is in a radajaxpanel. The radnumerictextbox doesn't increment or decrement. The grid has paging and if i move to another page the radnumeric textbox works. Also if I take the radajax panel off it also works. I'm using controls in ASP.NET Ajax Q2 2010 SP1 (Version 2011.1.519)
Any clues ?

<telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="RadAjaxLoadingPanel2" >

<div style="margin: 5px 15px 0 15px; ">

Search:<asp:TextBox ID="txtCode" runat="server"></asp:TextBox>

<asp:ImageButton ID="btnSearchParts" runat="server" ImageUrl="~/images/icons/magnifier.png" ToolTip="Search Navision" />

<div style="float:right;">

<b>Add Kit List:</b>

<telerik:RadComboBox ID="cmbKitLists" runat="server">

</telerik:RadComboBox>

<asp:Button runat="server" ID="btnAddKitList" OnClick="btnAddKitList_Click" Text="Add Kit" />

</div>

<div style="clear:both;"></div>

</div>

<br />

<b style="margin-left:15px;">Search Results</b>

<telerik:RadGrid ID="grdSearchRslts" runat="server"

GridLines="None"

AutoGenerateColumns="False"

AllowMultiRowSelection="False"

AllowPaging="True"

Skin="Office2007"

OnNeedDataSource="grdSearchRslts_NeedsData" >

<MasterTableView DataKeyNames="ItemNo">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="ItemNo" DataType="System.Int32"

HeaderText="ItemNo" SortExpression="ItemNo"

UniqueName="ItemNo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorItemNo" DataType="System.String"

HeaderText="Vendor Part Code" SortExpression="VendorItemNo"

UniqueName="VendorItemNo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" DataType="System.String"

HeaderText="Description" SortExpression="Description"

UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal"

HeaderText="Unit Price" SortExpression="UnitPrice" HeaderStyle-Width="50px" ItemStyle-Width="50px"

UniqueName="UnitPrice">

<HeaderStyle Width="60" Wrap="true" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitCost" DataType="System.Decimal"

HeaderText="Unit Cost" SortExpression="UnitCost" HeaderStyle-Width="50px" ItemStyle-Width="50px"

UniqueName="UnitCost">

<HeaderStyle Width="60" Wrap="true" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorName" DataType="System.String"

HeaderText="Vendor" SortExpression="VendorName"

UniqueName="VendorName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorNo" DataType="System.String"

HeaderText="VendorNo" SortExpression="VendorNo"

UniqueName="VendorNo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="QuantityTemplateColumns" HeaderText="Quantity" DataField="Quantity" >

<ItemTemplate >

<telerik:RadNumericTextBox ID="upQuantityCol" runat="server" Culture="en-GB" DbValue='<%# Convert.ToInt32(Eval("Quantity")) %>'

DataType="System.Int32" MinValue="0" ShowSpinButtons="True" Skin="Office2007"  SelectionOnFocus="SelectAll" Type="Number"

Width="50px" Font-Size="12pt" Value="0" >

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" >

<HeaderTemplate>

<asp:CheckBox id="headerChkbox" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True" runat="server"></asp:CheckBox>

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox id="CheckBox1" OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" runat="server"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<div style="margin: 0 15px 0 15px; margin-right:15px; float:left;">

<asp:Label runat="server" ID="lblSupplierTitle" Text="Supplier"></asp:Label>

<asp:DropDownList ID="drpSupplier" runat="server" AutoPostBack="true">

</asp:DropDownList>

<br />

<asp:Button ID="btnAddParts" runat="server" Text="Add Parts" />

</div>

<div style="float:left;">

<asp:Label runat="server" ID="lblDepotTitle" Text="Depot"></asp:Label>

<asp:DropDownList ID="drpSupplierDepot" runat="server">

</asp:DropDownList>

</div>

<div style="clear:both;"></div>

<br />

</telerik:RadAjaxPanel

Input

answered on 30 Aug 2011