Questions on UI for ASP.NET AJAX Forum

1 answer

137 views

We are using Editor control as a Word processor. While printing we want to set different Header and footer for different pages. Can i identify how much data should be in page1 and from where page2 should start when i'll print my page.

Editor

answered on 08 Sep 2010

1 answer

264 views

[Solved] enable spell check in Radeditor

I am using radeditor in edit template of gridview

<telerik:RadEditor ID="txt_ft_comments" OnClientLoad="OnClientLoad" SpellCheckSettings-DictionaryPath="../App_Data/RadSpell/en-US.tdf" SpellCheckSettings-SpellCheckProvider="EditDistanceProvider" SpellCheckSettings-DictionaryLanguage="en-US,English" SpellCheckSettings-WordIgnoreOptions="None" SpellCheckSettings-AllowAddCustom="true" runat="server" ImageManager-ViewPaths="~/images" Height="250px">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Print" Visible="true" />

<telerik:EditorTool Name="SpellCheck" Visible="true" Enabled="true" />

<telerik:EditorTool Name="FindAndReplace" Visible="true" />

<telerik:EditorTool Name="SelectAll" Visible="true" />

<telerik:EditorTool Name="Cut" Visible="true" />

<telerik:EditorTool Name="Copy" Visible="true" />

<telerik:EditorTool Name="Paste" Visible="true" />

<telerik:EditorTool Name="Undo" Visible="true" />

<telerik:EditorTool Name="Redo" Visible="true" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Superscript" Visible="true" />

<telerik:EditorTool Name="Subscript" Visible="true" />

<telerik:EditorTool Name="InsertParagraph" Visible="true" />

<telerik:EditorTool Name="InsertGroupbox" Visible="true" />

<telerik:EditorTool Name="InsertHorizontalRule" Visible="true" />

<telerik:EditorTool Name="InsertDate" Visible="true" />

<telerik:EditorTool Name="InsertTime" Visible="true" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="StyleBuilder" Visible="true" />

<telerik:EditorTool Name="FontName" Visible="true" />

<telerik:EditorTool Name="FontSize" Visible="true" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" Visible="true" />

<telerik:EditorTool Name="Italic" Visible="true" />

<telerik:EditorTool Name="Underline" Visible="true" />

<telerik:EditorTool Name="StrikeThrough" Visible="true" />

<telerik:EditorTool Name="ImageManager" Visible="true" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="JustifyLeft" Visible="true" />

<telerik:EditorTool Name="JustifyCenter" Visible="true" />

<telerik:EditorTool Name="JustifyRight" Visible="true" />

<telerik:EditorTool Name="JustifyNone" Visible="true" />

<telerik:EditorTool Name="Indent" Visible="true" />

<telerik:EditorTool Name="Outdent" Visible="true" />

<telerik:EditorTool Name="InsertOrderedList" Visible="true" />

<telerik:EditorTool Name="XhtmlValidator" Visible="true" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="ForeColor" Visible="true" />

<telerik:EditorTool Name="BackColor" Visible="true" />

<telerik:EditorTool Name="InsertSymbol" Visible="true" />

<telerik:EditorTool Name="InsertTable" Visible="true" />

<telerik:EditorTool Name="InsertFormElement" Visible="true" />

<telerik:EditorTool Name="ConvertToLower" Visible="true" />

<telerik:EditorTool Name="ConvertToUpper" Visible="true" />

<telerik:EditorTool Name="Zoom" Visible="true" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

i have added the concerned handlers in web.Config
so when i try to use spell check it gives a dialog box saying that Command Spell check has not been implemented.
any inputs on this is appreciated.......

Editor

answered on 08 Sep 2010

3 answers

190 views

Nested Grid Will Not Collapse

- i can expand each grid row to see the nested table
- if i click on another row it closes the first
- however i have no way to close them all. i can not close the current one by clicking it again

    
               <telerik:RadGrid ID="RadGrid1" runat="server"  AutoGenerateColumns="False" Width="75%"   
        
                                Skin="Hay" HorizontalAlign="Center" AllowMultiRowSelection="False" 
        
                     AllowPaging="True" PageSize="5" GridLines="None" AllowMultiColumnSorting="True"   
        
                                > 
        
                    <MasterTableView  DataKeyNames="ContentID"   
        
                        GroupLoadMode="Server">  
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="Question" HeaderText="About" SortExpression="Question" 
        
                                UniqueName="Question">  
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <NestedViewSettings> 
        
                            <ParentTableRelation> 
        
                                <telerik:GridRelationFields DetailKeyField="ContentID" MasterKeyField="ContentID" /> 
        
                            </ParentTableRelation> 
        
                        </NestedViewSettings> 
        
                        <NestedViewTemplate> 
        
                            <asp:Panel ID="NestedViewPanel" runat="server"  CssClass="viewWrap">  
        
                                <div class="contactWrap">  
        
                                    <fieldset style="padding: 2px;">  
        
                                        <legend style="padding: 2px;"><b>Answer</b> 
        
                                        </legend> 
        
                                       <table> 
        
                                                <tr> 
        
                                                    <td> 
        
                                                        <table> 
        
                                                                <tr> 
        
                                                                    <td> 
        
                                                                        <asp:Label ID="cityLabel" Text='<%#Bind("Answer") %>' runat="server"></asp:Label> 
        
                                                                    </td> 
        
                                                                </tr> 
        
                                                                <tr> 
        
                                                        </table> 
        
                                                    </td> 
        
                                                </tr> 
        
                                        </table> 
        
                                    </fieldset> 
        
                                </div> 
        
                            </asp:Panel> 
        
                        </NestedViewTemplate> 
        
                    </MasterTableView> 
        
                    <PagerStyle Mode="NumericPages"></PagerStyle> 
        
                </telerik:RadGrid>

Grid

answered on 08 Sep 2010

1 answer

123 views

Disabling IncrementSettings on Grid Controls

We discovered the Inputsettings mousewheel and up arrow / down arrow Increment / Decrement functionality accidentally during testing. There is no scenario in our application where we would like the value as entered by the user to be changed by the arrow keys or mousewheel. Is it possible to globally remove this behavior in an application or at least on a page-by-page basis?

I'd rather not have to find each text box and execute javascript on every page of the application at this point.

Grid

answered on 08 Sep 2010

1 answer

147 views

Level1 item css

Hi team,

I have a problem with my level1 items in my 8 column RadSiteMap. How can I get my items to be shown vertically one by one and not on top of each other?

//Johnny

SiteMap

answered on 08 Sep 2010

3 answers

125 views

Checkbox in Treeview

My doubt is

How can i get the id of only checked parent and child items
How can i store that id in SQL

The table structure to store is show in attachement. I need to store the checked values and id in this structure

How can i? Please help...

TreeView

answered on 08 Sep 2010

2 answers

143 views

Grid height not properly set and Javascript error

Hey all

On a webpage (see attachment*) with a RadGrid and a handfull of other Telerik controls we get some pretty odd behaviour which, however, can be reproduced time and again.
* uploading attachment doesnt seem to work, see here for the picture

When the page is loaded for the first time with the table hidden and after a partial (UpdatePanel) postback is initiated the control is shown with data but the height goes wrong and in IE we are able to see a JavaScript error (shown below).
The strange thing is that the main RadGrid div is properly set to the height of 450px but the rgDataDiv is somehow set to 300px (and no this is not done in code, css or javascript by any custom coding).
We use similar code on 3 more similar pages following the same scenario but these show no error and renders the grid with a total of 450px height and the rgDataDiv gets an 392px height which makes it fit perfectly.

Error;

Sys.ArgumentUndefinedException: Value cannot be undefined.

Parameter name: type  ScriptResource.axd?d=vUoTpDxDbR3vJWc5PDPuLYP64nfdrWbf-K52duDrCOVUeQueTMBQzu_1dzOmybqNDuWGBU4UdD1duqTGm1ioStXKKocFu18wOuSUO_RD3MM1&t=ffffffffec2d9970, line 2705 character 12

In function;

var $create = Sys.Component.create = function Sys$Component$create(type, properties, events, references, element) {

....

In file;

// Name: MicrosoftAjax.debug.js

// Assembly: System.Web.Extensions

// Version: 3.5.0.0

// FileVersion: 3.5.30729.4926

When viewing the source of the rendered HTML all $create calls are related to Telerik controls (hence the post on this forum). And i see about a dozen of these:

Sys.Application.add_init(function() {

$create(Telerik.Web.UI.RadDateInput,

{"_focused":false,

"_originalValue":"16-10-2009 0:00:00",

"_postBackEventReferenceScript":

"__doPostBack(\u0027ctl00$ctl18$g_729422f7_feb9_4651_91f8_ddbfeff99049$ctl00$historicalSelectionDateFromPicker\u0027,\u0027\u0027)"

,

"clientStateFieldID":"ctl00_ctl18_g_729422f7_feb9_4651_91f8_ddbfeff99049_ctl00_historicalSelectionDateFromPicker_dateInput_ClientState",

*snip*

"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},

"styles":{HoveredStyle: ["width:100%;",

"riTextBox riHover"],InvalidStyle: ["width:100%;",

"riTextBox riError"],DisabledStyle: ["width:100%;",

"riTextBox riDisabled"],FocusedStyle: ["width:100%;",

"riTextBox riFocused"],EmptyMessageStyle: ["width:100%;",

"riTextBox riEmpty"],ReadOnlyStyle: ["width:100%;",

"riTextBox riRead"],EnabledStyle: ["width:100%;",

"riTextBox riEnabled"]}},

{"error":DateError,

"keyPress":ClearError},

null,

$get("ctl00_ctl18_g_729422f7_feb9_4651_91f8_ddbfeff99049_ctl00_historicalSelectionDateFromPicker_dateInput"));

});

Sofar i've also tried to add some custom Javascript code to the ClientEvents OnGridCreated but this script does not appear to get executed at all.

var radGridByClass = $('.rgDataDiv');

if (radGridByClass.length == 0) return;

var radGridID = radGridByClass[0].id;

var radGrid = document.getElementById(radGridID);

var mainheight = $('.RadGrid').height();

var gridHeaderheight = $('.rgHeaderDiv').height();

radGrid.style.height = mainheight - gridHeaderheight + 'px';

Now this isn't the prettiest code but when i execute it directly in the browser from a Firebug Console it works.

Any help is very much welcome :)

Kind regards,

Maarten Bos

Environment details;
Sharepoint 2010, ASP.Net 3.5, Telerik Ajax controls 2010.1.519.35

Grid

answered on 08 Sep 2010

5 answers

754 views

[Solved] Clear RadNumericTextBox with JavaScript?

I have looked at several different examples of how to clear a RadNumericTextBox with JavaScript, but for some reason I can't get them to work. I created a small sample page that I have included below. Could someone show me how to write an onlick-script so that the button clears the textbox.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>

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

<!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>Test RadNumericTextBox</title>

</head>

<body>

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

<div>

<telerik:RadNumericTextBox ID="numeric" runat="server" />

<input type="button" value="Clear" />

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

</div>

</form>

</body>

</html>

Input

answered on 08 Sep 2010

1 answer

210 views

Customize Chart DataTable

Hi,

In the chart, I have to show the chart data table. Using Data table property I make it happen. Please see in attachment. Now, problem is, there are two series, which needs to be show n legends and on the chart but don't want to show those in chart table. (in my case, these are Median Score and Trend Line).

I use following code to make this chart:

Chart1.PlotArea.XAxis.DataLabelsColumn = "DateString";

Chart1.PlotArea.YAxis.AutoScale = false;

Chart1.PlotArea.YAxis.Step = 100;

Chart1.PlotArea.YAxis.MinValue = double.Parse(dsData.Tables[0].Rows[0]["MinValue"].ToString());

Chart1.PlotArea.YAxis.MaxValue = double.Parse(dsData.Tables[0].Rows[0]["MaxValue"].ToString());

Chart1.Series.Clear();

foreach (DataColumn column in dsData.Tables[0].Columns)

{

if (column.ColumnName.Contains("Series"))

{

ChartSeries series = new ChartSeries(column.ColumnName, ChartSeriesType.Point);

series.DefaultLabelValue = "#Y";

series.DataYColumn = column.ColumnName;

rcCreditSummary.Series.Add(series);

}

ChartSeries series1 = new ChartSeries("Median Score", ChartSeriesType.Line);

series1.DefaultLabelValue = "#Y";

series1.DataYColumn = "AvgScore";

series1.Visible = true;

series1.Appearance.LabelAppearance.Visible = false;

Chart1.Series.Add(series1);

ChartSeries trendLineSeries = new ChartSeries("Trend Line", ChartSeriesType.Line);

trendLineSeries.DefaultLabelValue = "#Y";

trendLineSeries.DataYColumn = "TrendLineScore";

trendLineSeries.Visible = true;

trendLineSeries.Appearance.LabelAppearance.Visible = false;

Chart1.Series.Add(trendLineSeries);

Chart1.DataSource = dsData.Tables[0];

Chart1.IntelligentLabelsEnabled = false;

Chart1.DataBind();

Is there any way to make it happen.

JAMIL

Chart (Obsolete)

answered on 08 Sep 2010

1 answer

115 views

[Solved] RadRotator Individual frame timings

I am building a rotator that auto crossfades through different banner ads in a loop.
I've set up an automatic advance slideshow, but now my client wants to have some frames showing for longer that others.

Is it possible to change the frame timings independently using either server-side or client-side script?

For example; frame1=5 seconds, frame 2=10secs, frame2 = 5 secs, frame 4=20secs etc..

Many thanks,
Ian

Rotator

answered on 08 Sep 2010