Questions on UI for ASP.NET AJAX Forum

1 answer

124 views

RadSpell - Runtime find - spell error still exists ?

Hi,
I have a small query regarding the telerik:RadSpell.

Is there any property exposed so that a developer can determine "Is any spell errors still exist" at runtime.

For example : Lets have this scenario.

User enters some text in a textbox
User click spell check button. spell check functionality is invoked.
Now user may change some errors or ignore (as he/she may like).
Now how a developer will know "Is there stil any error after runing the spell check".

please do the needful

Thanks,
Sushil

Spell

answered on 01 Jul 2009

1 answer

205 views

Can I set the Telerik WebResource to debug?

Hi,

We are currently developing an application that is using a ginormous amount of Telerik controls (a majority of which have been extended in some regard). Every once in a while, we come across an error that is being churned up by MS Ajax and would like to figure out what exactly was going on with it. It's a real pain because the Telerik DLL is using the release version of MS Ajax. Has anyone in their travels come across a way to have Telerik use the debug version instead? Is this because Telerik.Web.UI.dll was compiled using the release version? Are there any workarounds?

Thanks.

Ajax

answered on 01 Jul 2009

4 answers

209 views

[Solved] LoadOnDemand tooltip size?

Hi,

I am loading a usercontrol into a tooltip as per the example on your site. This all works fine techincally, however, it seems that the tooltip can only be of ONE set size height + width.

So for example, I have 2 linkbuttons at the top of the page. One link button opens a tooltip and displays a small list of radiobuttons. The other linkbutton however needs to display a treeview - therefore we have 2 very different sizes here.

As per the example, I have using tooltipmanager and the targetControls collection - it seems that instead of being able to specify different sizes for different target controls in the collection, I can only specify width and height properties for the tooltip manager itself - and this sucks when he have more than one tooltip/different size tooltips on the page.

Is there any workaround for this? Maybe a way to set height and width dynamically onajaxupdate?

As a feature it would definately be better to be able to specify tooltip height and width for each targetcontrolid.

Thanks,
Matt

ToolTip

answered on 01 Jul 2009

1 answer

100 views

TextChanged event

Hello,

I'm trying to bind some functionality (enable toolbar buttons) to RadEdtiror's TextChanged event, but event never gets fired. Any ideas?

Thanks

Editor

answered on 01 Jul 2009

2 answers

83 views

tabstrip on panel on safari and chrome

i have a tabstrip which is on a std panel the panel gets made visible and invisible via ajax updates ... all works fine in IE7 but under safari and chrome the second time the panel is shown the tabstip has lost all look and feel and only the text appears

any ideas

kevin

TabStrip

answered on 01 Jul 2009

3 answers

123 views

Legend AutoTextWrap is not working in Custom Skin

Hi,

I created custom skin with Legend as follows:

</ItemMarkerAppearance>

</Appearance>

</Legend>

However, the "<ItemTextAppearance AutoTextWrap="False" />" doesn't take any effect.

I tried to set it through code-behind. It is good.

Does it support in custom skin?

Any advise.

Thanks,

Wilson

Chart (Obsolete)

answered on 01 Jul 2009

2 answers

157 views

Column Hiding/Unhiding

Hi ..
Is there any option to hide column programmatic way. I need to be done column hiding whenever i click hide button as well as unhide button. So i could know that column hiding is possible if u know the column name which you want to hide in prior.

My question is suppose we have number of columns grid and i want to hide and unhide any column which i prefer.

Plz help me for this

Appu

Grid

answered on 01 Jul 2009

1 answer

101 views

Open edit form inside the grid for button column

Hi All,

I am using Telerik rad grid.I have bound columns as well as button columns(acting as links) in the same grid.
On click of button column I want to open an Edit form which is not showing the bound columns but it will show some text boxes and buttons inside it.

So can anybody help me out and tell how I can achieve this functionality.Help will be highly appreciated.

Ekta

Grid

answered on 01 Jul 2009

3 answers

248 views

Problem with Upload dialog rendering in Image Manager

Hi,

I am using the following in my editor configuration:

EnableEmbeddedBaseStylesheet="False"

EnableEmbeddedSkins="False"

DialogsCssFile="~/Editor/CSS/DialogCSS.css"

ExternalDialogsPath="~/Editor/Dialogs"

I have included all the right .css files for example:

The DialogCSS.css contains the following:

/* RadEditor for ASP.NET AJAX Base Stylesheets */

@import url("Ajax.css");

@import url("ColorPicker.css");

@import url("Dock.css");

@import url("FileExplorer.css");

@import url("FormDecorator.css");

@import url("Menu.css");

@import url("PanelBar.css");

@import url("Rotator.css");

@import url("Slider.css");

@import url("Spell.css");

@import url("Splitter.css");

@import url("TabStrip.css");

@import url("Toolbar.css");

@import url("TreeView.css");

@import url("Upload.css");

@import url("Widgets.css");

/* RadEditor for ASP.NET AJAX Skin Stylesheets */

@import url("Ajax.Vista.css");

@import url("ColorPicker.Vista.css");

@import url("ComboBox.Vista.css");

@import url("Dock.Vista.css");

@import url("FormDecorator.Vista.css");

@import url("Grid.Vista.css");

@import url("Input.Vista.css");

@import url("Menu.Vista.css");

@import url("PanelBar.Vista.css");

@import url("Rotator.Vista.css");

@import url("Slider.Vista.css");

@import url("Spell.Vista.css");

@import url("Splitter.Vista.css");

@import url("TabStrip.Vista.css");

@import url("ToolBar.Vista.css");

@import url("TreeView.Vista.css");

@import url("Upload.Vista.css");

@import url("Widgets.Vista.css");

All the dialogs are in the right place but when clicking the Upload button from the Image Manager, the Upload popup has no window border, no background color, as a matter of fact there is no style whatsoever. So I looked at the source code in the rendered browser html and found an error in the coding which I have no control over. Interestingly, when I set the EnableEmbeddedBaseStylesheet="True" and the EnableEmbeddedSkins="True" the problem goes away. below is the error that I have found: Please notice the following, I have included 2 versions, one with EnableEmbeddedBaseStylesheet and EnableEmbeddedSkins set to FALSE (the one I am trying to get working) and one with both set to TRUE:

SET TO FALSE:

html rendered source code when the EnableEmbeddedBaseStylesheet and EnableEmbeddedSkins is set to FALSE there is a missing <div declaration highlighted in bold just before class=:

</li>

</ul>

</div>

<label for="RadFileExplorer1_chkOverwrite">Overwrite if file exists?</label>

<dl>

<dt>Max file size allowed:</dt>

<dt>File extensions allowed:</dt>

</dl>

</div>

</div>

</div>

SET TO TRUE:

html rendered source code when the EnableEmbeddedBaseStylesheet and EnableEmbeddedSkins is set to TRUE the missing <div declaration above is there as highlightd in bold below:

</li>

</ul>

</div>

<label for="RadFileExplorer1_chkOverwrite">Overwrite if file exists?</label>

<div class="rfeUploadInfoPanel"><dl><dt>Max file size allowed:</dt><dd>200.00 KB</dd><dt>File extensions allowed:</dt><dd>*.gif, *.xbm, *.xpm, *.png, *.ief, *.jpg, *.jpe, *.jpeg, *.tiff, *.tif, *.rgb, *.g3f, *.xwd, *.pict, *.ppm, *.pgm, *.pbm, *.pnm, *.bmp, *.ras, *.pcd, *.cgm, *.mil, *.cal, *.fif, *.dsf, *.cmx, *.wi, *.dwg, *.dxf, *.svf</dd></dl></div><div class="rfeUploadButtonContainer"><input type="submit" name="RadFileExplorer1$btnUpload" value="Upload" id="RadFileExplorer1_btnUpload" /></div></div></div><input id="RadFileExplorer1_ClientState" name="RadFileExplorer1_ClientState" type="hidden" />

</div>

I am not sure how to fix this as it seems to be an internal thing with the way telerik is rendering the final output.

Thank you for your help.

Grant

Editor

answered on 01 Jul 2009

1 answer

87 views

Issues in IE6 with Q1 2009

Some of our users have come across 2 issues in IE6. I have tested in IE7+8 and FF3 so far w/o issue.

1. For some users but not all the text in the editor is very large. Almost 4 times the size of that in other users windows running IE6. The text in other parts of the site are not affected. Just in the editor.

2. This happens when there is a large amount of text in the editor that causes scrolling. If you scroll to the bottom of the screen and select some text and right click for the context menu the editor will jump back to the top of the text. The text still stay highlighted, but there is not way of knowing that unless you scroll back to the bottom. If you right click again it will not jump back to the top.

Editor

    
            <telerik:RadEditor runat="server" ID="reTest" Width="522px" Height="200px" TabIndex="11" 
        
                        ToolsFile="ToolsFile1.xml" ToolbarMode="ShowOnFocus" EditModes="Design" 
        
                        ToolsWidth="522px" StripFormattingOptions="AllExceptNewLines" OnClientCommandExecuted="OnClientCommandExecuting"> 
        
                    </telerik:RadEditor>

Javascript

    
                    function OnClientCommandExecuting(editor, args) { 
        
                        //If commandName is xxx - then cancel execution 
        
                        if ("Hyperlink Manager Dialog" == args.get_commandName()) args.set_cancel(true); 
        
                        if ("Remove Hyperlink" == args.get_commandName()) args.set_cancel(true); 
        
                        if ("Image Manager Dialog" == args.get_commandName()) args.set_cancel(true); 
        
                        if ("Bold" == args.get_commandName()) args.set_cancel(true); 
        
                        if ("Italic" == args.get_commandName()) args.set_cancel(true); 
        
                        if ("Underline" == args.get_commandName()) args.set_cancel(true); 
        
                    } 
        
                    MyModule = function(element) { 
        
                        MyModule.initializeBase(this, [element]); 
        
                    } 
        
                    MyModule.prototype = 
        
                    { 
        
                        initialize: function() { 
        
                            MyModule.callBaseMethod(this, 'initialize'); 
        
                            var selfPointer = this; 
        
                            this.get_editor().add_selectionChange(function() { selfPointer.CountCharAction(); }); 
        
                            this.get_editor().attachEventHandler("onkeyup", function() { selfPointer.CountCharAction(); }); 
        
                            this.CountCharAction(); 
        
                        }, 
        
                        //A method that does the actual work - it is usually attached to the "selection changed" editor event 
        
                        CountCharAction: function() { 
        
                            var content = this.get_editor().get_text(); 
        
                            var chars = 6000; 
        
                            if (content) { 
        
                                chars = chars - content.length; 
        
                            } 
        
                            var element = this.get_element(); 
        
                            element.innerHTML = "<span style='line-height:22px'>" + "Characters: " + chars + "&nbsp;</span>"; 
        
                            if (chars < 0) { 
        
                                element.style.border = "1px solid red"; 
        
                                element.style.backgroundColor = "yellow"; 
        
                                element.style.color = "red"; 
        
                            } 
        
                            else { 
        
                                element.style.border = ""; 
        
                                element.style.backgroundColor = "lightgrey"; 
        
                                element.style.color = "black"; 
        
                            } 
        
                        } 
        
                    }; 
        
                    MyModule.registerClass('MyModule', Telerik.Web.UI.Editor.Modules.ModuleBase);

Tools File

    
            <root> 
        
                <modules> 
        
                    <module name="RadEditorStatistics" visible="false"  /> 
        
                    <module name="MyModule" visible="true"  /> 
        
                </modules> 
        
                <tools> 
        
                    <tool name="AjaxSpellCheck" shortcut="CTRL+F7" /> 
        
                    <tool separator="true"/> 
        
                    <tool name="ConvertToLower" shortcut="CTRL+F3" /> 
        
                    <tool name="ConvertToUpper" shortcut="CTRL+F4" /> 
        
                    <tool separator="true"/> 
        
                    <tool name="Cut" /> 
        
                    <tool name="Copy" /> 
        
                    <tool name="Paste" /> 
        
                    <tool separator="true"/> 
        
                    <tool name="Undo" /> 
        
                    <tool name="Redo" /> 
        
                </tools> 
        
                <contextMenus> 
        
                    <contextMenu> 
        
                        <tool name="Cut" /> 
        
                        <tool name="Copy" /> 
        
                        <tool name="Paste" /> 
        
                    </contextMenu> 
        
                </contextMenus> 
        
            </root>

Editor

answered on 01 Jul 2009