Questions on UI for ASP.NET AJAX Forum

3 answers

112 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

152 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

97 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

239 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

82 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

7 answers

149 views

Headers not totally redraw after sort request

Hello,

My grid use autogenerated columns and each column may be sorted clientside (see my previous post for declaration minutes ago).
Some headers are wrapped and when I click on them to sort only the first line of the wrapped header is redrawn.

Seems like a bug ?

CS

Grid

answered on 01 Jul 2009

1 answer

89 views

How to set a background image instead of backcolor

Is this possible?
I want to use a background image instead of the backcolor property.
Thank you very much.

TreeView

answered on 01 Jul 2009

5 answers

110 views

[Solved] RadGrid Documentation Error

This online documentation page refers to a client-side method "get_tableView()" which doesn't appear to exist.

--
Stuart

Documentation and Tutorials

answered on 01 Jul 2009

2 answers

120 views

objectdatasource edit on click

i have a grid that is populated by ObjectDataSource like this:

    
            <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"   
        
                        SelectMethod="GetOrderLinesFromDB"   
        
                        TypeName="Haworth.Opus.Lynx.BOManager.OrderLineManager">  
        
                        <SelectParameters> 
        
                            <asp:Parameter Name="lynxOrderId" Type="String" DefaultValue="1001" /> 
        
                        </SelectParameters> 
        
                    </asp:ObjectDataSource>

I would like to expand the grid and open the edit form with a click on the row. In this scenario, how would I go about that?