Questions on UI for ASP.NET AJAX Forum

2 answers

130 views

Hello,
When I ues the editor, I am adding some custom context menus and custom buttons, but it seems that the names of the fields for the stylebuilder are messed up.

For instance, in the main table wizard dialog, on the table properties and cell properties tab, the stylebuilder button has common_stylebuilder beside it rather than just Style Builder.

And when I go to the style builder the field names are messed up as well....as shown below.....

StyleBuilder_Bold

select

StyleBuilder_Italics

select

StyleBuilder_SmallCaps

select

StyleBuilder_Capitalization

Just to make sure, I have copied and pasted my radeditor tag into the box here....

<telerik:RadEditor ID="RadEditor1" runat="server" Height="600px" Width="780px" ContentFilters="RemoveScripts, FixEnclosingP, ConvertToXhtml, IndentHTMLContent"

NewLineBr="False" StripFormattingOnPaste="AllExceptNewLines" StripAbsoluteAnchorPaths="true"

StripAbsoluteImagePaths="true" StripFormattingOptions="AllExceptNewLines"

NewLineMode="P" TableLayoutCssFile="TableLayout.css">

<%-- <Modules>

<telerik:EditorModule Name="RadEditorStatistics" Enabled="true" Visible="true" />

<telerik:EditorModule Name="RadEditorDomInspector" Enabled="true" Visible="true" />

<telerik:EditorModule Name="RadEditorNodeInspector" Enabled="true" Visible="true" />

<telerik:EditorModule Name="RadEditorHtmlInspector" Enabled="true" Visible="true" />

</Modules>

--%>

<ImageManager ViewPaths="/content/images" DeletePaths="/content/images" UploadPaths="/content/images"

MaxUploadFileSize="2500000" SearchPatterns="*.gif,*.png,*.jpg,*.jpeg,*.bmp" EnableImageEditor="true" />

<DocumentManager ViewPaths="/content/documents" DeletePaths="/content/documents"

UploadPaths="/content/documents" MaxUploadFileSize="5000000" SearchPatterns="*.pdf,*.xls,*.xlsx,*.doc,*.docx,*.ppt,*.pptx,*.zip" />

<CssFiles>

<telerik:EditorCssFile Value="/GCMS/App_Themes/Default/CMS.css" />

</CssFiles>

<Modules>

<telerik:EditorModule Name="RadEditorNodeInspector" Visible="true" Enabled="true" />

<telerik:EditorModule Name="RadEditorDomInspector" />

<telerik:EditorModule Name="RadEditorStatistics" />

</Modules>

<ContextMenus>

<telerik:EditorContextMenu TagName="IMG">

<telerik:EditorTool Name="SetImageProperties" />

<telerik:EditorTool Name="ImageMapDialog" />

</telerik:EditorContextMenu>

<telerik:EditorContextMenu TagName="TABLE">

<telerik:EditorTool Name="ToggleTableBorder" />

<telerik:EditorTool Name="SetTableProperties" />

<telerik:EditorTool Name="DeleteTable" />

</telerik:EditorContextMenu>

<telerik:EditorContextMenu TagName="TD">

<telerik:EditorTool Name="InsertRowAbove" />

<telerik:EditorTool Name="InsertRowBelow" />

<telerik:EditorTool Name="DeleteRow" />

<telerik:EditorTool Name="InsertColumnLeft" />

<telerik:EditorTool Name="InsertColumnRight" />

<telerik:EditorTool Name="MergeColumns" />

<telerik:EditorTool Name="MergeRows" />

<telerik:EditorTool Name="SplitCell" />

<telerik:EditorTool Name="DeleteCell" />

<telerik:EditorTool Name="SetCellProperties" />

<telerik:EditorTool Name="TableProperties" />

</telerik:EditorContextMenu>

<telerik:EditorContextMenu TagName="A">

<telerik:EditorTool Name="SetLinkProperties" />

<telerik:EditorTool Name="Unlink" />

</telerik:EditorContextMenu>

<telerik:EditorContextMenu TagName="BODY">

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<%-- <telerik:EditorTool Name="Paste" />

--%>

<telerik:EditorTool Name="PasteFromWord" Visible="false" />

<telerik:EditorTool Name="PastePlainText" />

<%-- <telerik:EditorTool Name="PasteAsHtml" />

--%>

</telerik:EditorContextMenu>

</ContextMenus>

<Symbols>

<telerik:EditorSymbol Char="\u2713" />

<telerik:EditorSymbol Char="\u2022" />

<telerik:EditorSymbol Char="\u271A" />

<telerik:EditorSymbol Char="\u2739" />

<telerik:EditorSymbol Char="\u2736" />

<telerik:EditorSymbol Char="\u2715" />

<telerik:EditorSymbol Char="\u2731" />

<telerik:EditorSymbol Char="\u00AE" />

<telerik:EditorSymbol Char="\u00A9" />

<%-- Math Symbols --%>

<telerik:EditorSymbol Char="\u00B1" />

<telerik:EditorSymbol Char="\u00F7" />

<telerik:EditorSymbol Char="\u2248" />

<telerik:EditorSymbol Char="\u2260" />

<telerik:EditorSymbol Char="\u2264" />

<telerik:EditorSymbol Char="\u2265" />

<telerik:EditorSymbol Char="\u221A" />

<telerik:EditorSymbol Char="\u221E" />

<telerik:EditorSymbol Char="\u222B" />

<telerik:EditorSymbol Char="\u2202" />

<telerik:EditorSymbol Char="\u00B5" />

<telerik:EditorSymbol Char="\u00B6" />

<%-- Fractions --%>

<telerik:EditorSymbol Char="\u00BC" />

<telerik:EditorSymbol Char="\u00BD" />

<telerik:EditorSymbol Char="\u00BE" />

<telerik:EditorSymbol Char="\u2153" />

<telerik:EditorSymbol Char="\u2154" />

<telerik:EditorSymbol Char="\u215B" />

<telerik:EditorSymbol Char="\u215C" />

<telerik:EditorSymbol Char="\u215D" />

<telerik:EditorSymbol Char="\u215E" />

<%-- Accents --%>

<telerik:EditorSymbol Char="\u00E0" />

<telerik:EditorSymbol Char="\u00E1" />

<telerik:EditorSymbol Char="\u00E2" />

<telerik:EditorSymbol Char="\u00E3" />

<telerik:EditorSymbol Char="\u00E4" />

<telerik:EditorSymbol Char="\u00E5" />

<telerik:EditorSymbol Char="\u00E6" />

<telerik:EditorSymbol Char="\u00E7" />

<telerik:EditorSymbol Char="\u00E8" />

<telerik:EditorSymbol Char="\u00E9" />

<telerik:EditorSymbol Char="\u00EA" />

<telerik:EditorSymbol Char="\u00EB" />

<telerik:EditorSymbol Char="\u00EC" />

<telerik:EditorSymbol Char="\u00ED" />

<telerik:EditorSymbol Char="\u00F2" />

<telerik:EditorSymbol Char="\u00F3" />

<telerik:EditorSymbol Char="\u00F4" />

<telerik:EditorSymbol Char="\u00F5" />

<telerik:EditorSymbol Char="\u00F6" />

<telerik:EditorSymbol Char="\u00B0" />

<telerik:EditorSymbol Char="\u00F8" />

<telerik:EditorSymbol Char="\u00DF" />

<telerik:EditorSymbol Char="\u00A7" />

<telerik:EditorSymbol Char="\u01A9" />

<telerik:EditorSymbol Char="\u0194" />

<telerik:EditorSymbol Char="\u0197" />

<telerik:EditorSymbol Char="\u019F" />

<telerik:EditorSymbol Char="\u01B1" />

<telerik:EditorSymbol Char="\u0424" />

<telerik:EditorSymbol Char="\u03B2" />

<telerik:EditorSymbol Char="\u0394" />

<telerik:EditorSymbol Char="\u2122" />

<telerik:EditorSymbol Char="\u25BA" />

</Symbols>

<Links>

<telerik:EditorLink Href="http://www.uwaterloo.ca" Name="UWaterloo" />

<telerik:EditorLink Href="http://www.grad.uwaterloo.ca" Name="Grad Office" />

<telerik:EditorLink Href="http://www.registrar.uwaterloo.ca" Name="Registrars Office" />

<telerik:EditorLink Href="http://www.techstudio.ca" Name="techStudio" />

<telerik:EditorLink Href="http://www.Google.ca" Name="Google" />

</Links>

<Paragraphs>

<telerik:EditorParagraph Tag="p" Title="Normal Paragraph" />

<telerik:EditorParagraph Tag="h3" Title="<h3>Main heading</h3>" />

<telerik:EditorParagraph Tag="h4" Title="<h4>Sub Heading</h4>" />

<telerik:EditorParagraph Tag="h5" Title="<h5>Sub Sub Heading</h5>" />

</Paragraphs>

<Tools>

<telerik:EditorToolGroup Tag="Custom">

<telerik:EditorTool Name="MarkForAddition" Text="Mark selected to be added" />

<telerik:EditorTool Name="MarkForRemove" Text="Mark selection to be deleted" />

<telerik:EditorTool Name="MarkAsComment" Text="Mark selected as comment" />

<telerik:EditorTool Name="TrackChangesDialog" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorTool Name="AjaxSpellCheck" />

<telerik:EditorTool Name="Bold" ShortCut="CTRL+B" />

<telerik:EditorTool Name="Italic" ShortCut="CTRL+I" />

<telerik:EditorTool Name="Underline" ShortCut="CTRL+U" />

<telerik:EditorTool Name="Superscript" />

<telerik:EditorTool Name="Subscript" />

<telerik:EditorTool Name="StrikeThrough" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="ConvertToLower" />

<telerik:EditorTool Name="ConvertToUpper" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="SelectAll" ShortCut="CTRL+A" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" ShortCut="CTRL+C" />

<telerik:EditorTool Name="PastePlainText" ShortCut="CTRL+V" />

<telerik:EditorDropDown Name="FormatStripper" >

<telerik:EditorDropDownItem Name="StripAll" />

<telerik:EditorDropDownItem Name="StripCss" />

<telerik:EditorDropDownItem Name="StripFont" />

<telerik:EditorDropDownItem Name="StripSpan" />

<telerik:EditorDropDownItem Name="StripWord" />

</telerik:EditorDropDown >

<telerik:EditorSplitButton Name="Undo" />

<telerik:EditorSplitButton Name="Redo" />

<telerik:EditorTool Name="Print" ShortCut="CTRL+P" />

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

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Inserts">

<telerik:EditorTool Name="LinkManager" ShortCut="CTRL+K" />

<telerik:EditorTool Name="Unlink" ShortCut="CTRL+SHIFT+K" />

<telerik:EditorTool Name="InsertTableLight" />

<telerik:EditorTool Name="InsertTable" />

<telerik:EditorTool Name="ImageManager" />

<telerik:EditorTool Name="InsertParagraph" />

<telerik:EditorTool Name="InsertHorizontalRule" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="InsertToolbar">

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

<telerik:EditorTool Name="JustifyNone" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="ToggleTableBorder" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="PageProperties" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorDropDown Name="FormatBlock">

</telerik:EditorDropDown>

<%-- <telerik:EditorDropDown Name="ApplyClass">

</telerik:EditorDropDown>--%>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="DropdownToolbar">

<telerik:EditorSplitButton Name="InsertSymbol" />

<telerik:EditorDropDown Name="InsertCustomLink" />

<telerik:EditorSeparator />

<telerik:EditorDropDown Name="Zoom">

</telerik:EditorDropDown>

<%-- <telerik:Editortool Name="ModuleManager" />

--%>

<telerik:EditorTool Name="ToggleScreenMode" ShortCut="F11" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="DropdownToolbar">

<telerik:EditorDropDown Name="ApplyClass" />

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

</telerik:EditorToolGroup>

</Tools>

<Content/>

<ImageManager ViewPaths="/content/images" UploadPaths="/content/images" DeletePaths="/content/images"

SearchPatterns="*.gif,*.png,*.jpg,*.jpeg,*.bmp" MaxUploadFileSize="2500000">

</ImageManager>

<DocumentManager ViewPaths="/content/documents" UploadPaths="/content/documents"

DeletePaths="/content/documents" SearchPatterns="*.pdf,*.xls,*.xlsx,*.doc,*.docx,*.ppt,*.pptx,*.zip"

MaxUploadFileSize="5000000"></DocumentManager>

<FlashManager ViewPaths="/content/media" UploadPaths="/content/media" DeletePaths="/content/media"

MaxUploadFileSize="5000000"></FlashManager>

<MediaManager ViewPaths="/content/media" UploadPaths="/content/media" DeletePaths="/content/media"

SearchPatterns="*.wmv,*.swf,*.avi,*.mpg,*.mpg4" MaxUploadFileSize="10000000">

</MediaManager>

</telerik:RadEditor>

Thanks
Clint

Editor

answered on 02 Jun 2011

3 answers

243 views

RadTabStrip Css

I tried to upgrading radtabstrip control from 2.X to 3.X
I used to use my own Css Style in the control like following, in which my own css file was used.

<radts:radtabstrip id="tab" Runat="server"
    CssClass="TabRadTabstrip"
    TabTextSelectedCssClass="TabLabelText"
    TabTextHoverCssClass="TabLabelText"
    TabTextDefaultCssClass="TabLabelText"
    TabSelectedCssClass="TabLabelSelectedStyle"
    TabHoverCssClass="TabLabelHoverStyle"
    TabDefaultCssClass="TabLabelDefaultStyle" CssFile="~/Modules/BroadcastEmail/EmailDesigner.css" SelectedIndex="0">
</radts:radtabstrip>

In current version, those css properties are removed. What is the easiest way I can migrate my control by using my own css styles?

Thanks

TabStrip

answered on 02 Jun 2011

1 answer

64 views

Custom Skin failed to pass W3C CSS 2.1 validation

Hi team,

I created a custom skin for my RadTabStrip based on Offcie2007 skin, then placed the 2 related CSS files (Base & Skin) into my Theme folder. Since my concern is Skin CSS, I left the Base file intact. Things are fine and no issues there.

However, when I attempted to validate my CSS through W3C, your Base CSS failed as indicated in attached screenshot. The reason for so as I understand from validation feedback is mainly due to the following:

display: -moz-inline-stack
zoom: 1
@media screen and (min-width:50px)
:root

I'm using build 1319.

Any suggestions?

Regards,
Saed

TabStrip

answered on 02 Jun 2011

13 answers

232 views

Problem with ScrollChildren in RTL

hi,
i have a problem with rad tab strip,
when i set scrollchildren = true , scroll bottom show on my page but do not work
please help me to fix this problem

    
            <telerik:RadTabStrip ID="RadTabStripNRegisterEstate"  
        
            MultiPageID="RadMultiPageNRegisterEstate"  ScrollChildren="true" 
        
             Width="300px" ScrollButtonsPosition="Left"  ScrollPosition="0"  
        
             EnableEmbeddedSkins="False" SelectedIndex="0" runat="server"  
        
                ontabclick="RadTabStripNRegisterEstate_TabClick" > 
        
                <Tabs> 
        
                    <telerik:RadTab Text="همه" Value="-1"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab Text="خرید" Value="0"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab Text="فروش" Value="1"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="رهن" Value="2"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="اجاره" Value="3"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="رهن و اجاره" Value="4"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="معاوضه" Value="5"> 
        
                    </telerik:RadTab> 
        
                </Tabs> 
        
            </telerik:RadTabStrip>

TabStrip

answered on 02 Jun 2011

6 answers

254 views

RadGrid Show different column in List and Edit modes

Hi waht I an after here is, is there a way to show fewer columns in List than in the Edit/Insert modes (this is with Inline edit enabled)

I am using Dynamic Data and have a method of showing an hiding columns based on metadata and page template I want to replicate this with RadGrid in inline edit. I already have the columns that are showin in List mode working but I can't see where to hook-in to the columns generated in Edit/Insert templates.

Steve (MVP)

Grid

answered on 02 Jun 2011

2 answers

228 views

How to apply filter on dynamically created columns?

Hello,

I have a RadGrid which is binded with a data table. I want to apply filter on two columns only.. everything is to be done programmatically because its columns are not statically defined. Can you please suggest how can I apply filtering on two columns of such a radgrid??

Thank you,
Effat

Grid

answered on 02 Jun 2011

3 answers

146 views

RadButton in Wizard

hello,

we use the telerik radbutton in a Wizard-Control from ASP.Net
The first step in the Wizard-Control is without error.
In the second step we get a JavaScript-Error with the message "undefined is null or no object".

How we can use the radbutton in a Wizard-Control?

<asp:Wizard ID="Wizard" runat="server" CancelButtonText="Cancel" StepNextButtonText="Next" StartNextButtonText="Next" StepPreviousButtonText="Previous" OnNextButtonClick="OnNextButtonClick" DisplaySideBar="false" Width="100%">

<LayoutTemplate>

<asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />

<br />

<asp:PlaceHolder ID="NavigationPlaceHolder" runat="server" />

</LayoutTemplate>

<WizardSteps>

<asp:TemplatedWizardStep ID="WizardStep1" runat="server" Title="Step 1" StepType="Start">

<ContentTemplate>

<affililist:AddStep1Control ID="StepControl" runat="server" ShowOwnSaveButton="false" EditMode="New" DefaultSuccessor="2" />

</ContentTemplate>

</asp:TemplatedWizardStep>

<asp:TemplatedWizardStep ID="WizardStep2" runat="server" Title="Step 2" StepType="Step">

<ContentTemplate>

<affililist:AddStep2Control ID="StepControl" runat="server" ShowOwnSaveButton="false" EditMode="New" DefaultSuccessor="3" />

</ContentTemplate>

</asp:TemplatedWizardStep>

<asp:TemplatedWizardStep ID="WizardStep3" runat="server" Title="Step 3" StepType="Finish">

<ContentTemplate>

<affililist:AddStep3Control ID="StepControl" runat="server" ShowOwnSaveButton="false" EditMode="New" />

</ContentTemplate>

</asp:TemplatedWizardStep>

</WizardSteps>

<StartNavigationTemplate>

<telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Weiter" CausesValidation="False"></telerik:RadButton>

</StartNavigationTemplate>

<StepNavigationTemplate>

<telerik:RadButton ID="StepPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious" Text="Zurück"></telerik:RadButton>

<telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Weiter"></telerik:RadButton>

</StepNavigationTemplate>

<FinishNavigationTemplate>

<telerik:RadButton ID="FinishPreviousButton" CausesValidation="False" CommandName="MovePrevious" Text="Zurück" runat="server"></telerik:RadButton>

<telerik:RadButton ID="FinishButton" CommandName="MoveComplete" Text="Anlegen" runat="server"></telerik:RadButton>

</FinishNavigationTemplate>

</asp:Wizard>

Button

answered on 02 Jun 2011

2 answers

61 views

WebUserControl EditFormType in DetailTable heirarchy

Is it possible to use a WebUserControl edit form to edit a DetailTable row in a grid heirarchy? If so, are there any special requirements in terms of positioning? Is there any example code of how to process the update?

Grid

answered on 02 Jun 2011

2 answers

151 views

Telerik - About (Version Info)

Hi Guys,

You know how we get a nice Telerik menu in VS now? Well, I think it would be really helpful to display the version information of the currently installed tools, like maybe when you hit Telerik -> About. It would be even better if you have a project open to show the version that the project is using if it's different from any currently installed versions. Thanks!

Installer and VS Extensions

answered on 02 Jun 2011

1 answer

73 views

Grid designer issue

Hello all,

I am stuc, don’t really know what to do

I have to produce more than a dozen overviews for different things, in such an overview i have multiple ID's of Parenttables which have to be clickable to get the next set of data.

Is there a way to use one single form and multiple datasets, and separate, flexible formatting/Layouts depending on the supplied dataset?

Any ideas?

Regards Marco

Grid

answered on 02 Jun 2011