or
We are able to declare a custom styles list correctly. The issue that we have is when we apply a custom style to a selection the RadEditor defaults to wrapping the selection in "Font" tags. We want it to wrap in "Div" tags, instead.
Given the following HTML code, before applying styles:
<p>my text document looks kind of like this. And sometimes I highlight a whole tag like this:</p> <p>MY HEADER</p> <p>or maybe I highlight text INSIDE OF THIS P TAG and turn it into a subparagraph.</p><p>my text document looks kind of like this. And sometimes I highlight a whole tag like this:</p> <p class="section header">MY HEADER</p> <p>or maybe I highlight text <FONT class="section subparagraph">INSIDE OF THIS P TAG</FONT> and turn it into a subparagraph.</p> <p>my text document looks kind of like this. And sometimes I highlight a whole tag like this:</p> <div class="section header">MY HEADER</div> <p>or maybe I highlight text <div class="section subparagraph">INSIDE OF THIS P TAG</div> and turn it into a subparagraph.</p> <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <div> <telerik:RadContextMenu runat="server" ID="ctx"> <Targets> <telerik:ContextMenuElementTarget ElementID="test" /> </Targets> <Items> <telerik:RadMenuItem Text="Item 1" /> <telerik:RadMenuItem Text="Item 2" /> <telerik:RadMenuItem IsSeparator="true" /> <telerik:RadMenuItem Text="Item 3" /> <telerik:RadMenuItem Text="Item 4"> <Items> <telerik:RadMenuItem Text="Item 5" /> <telerik:RadMenuItem Text="Item 6" /> </Items> </telerik:RadMenuItem> </Items> </telerik:RadContextMenu> <div id="test" style="width: 300px; height: 300px; background-color: red"> Right click here! </div> </div> </form></body></html>function openAddPeriodeDialog() { var Rad = $find('<%=RadWindowAddPeriode.ClientID%>'); Rad.show();}Dim AnneeFinanciere As String = DirectCast(e.Item, GridDataItem).Item("AnneeFinanciere").TexttxbAnneFianciere.Text = AnneeFinancierepanelTypePeriode.Visible = FalseRadGridIntervalle.DataSource = ObjPeriodeComptableController.GridInsertSelect(AnneeFinanciere)RadGridIntervalle.Rebind()<telerik:AjaxSetting AjaxControlID="TemplateColumn"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadWindowAddPeriode" /> </UpdatedControls> </telerik:AjaxSetting><telerik:RadChart runat="server" ID="rc1" DefaultType="Bar" DataSourceID="sds1" SeriesOrientation="Horizontal" Width="500px" Height="500px"> <PlotArea> <Appearance Dimensions-AutoSize="false" Dimensions-Width="400px" Dimensions-Height="400px" Dimensions-Margins="50px" FillStyle-MainColor="72, 102, 137" FillStyle-SecondColor="72, 102, 137"> </Appearance> <XAxis Appearance-ValueFormat="General" DataLabelsColumn="Company" Visible="True" Appearance-TextAppearance-TextProperties-Color="Black"></XAxis> <YAxis Appearance-TextAppearance-TextProperties-Color="Black"></YAxis> </PlotArea> <Series> <telerik:ChartSeries DataYColumn="Count"> <Appearance> <LabelAppearance> <Shadow Blur="0" Distance="0" Color="Transparent"/> </LabelAppearance> </Appearance> </telerik:ChartSeries> </Series> <Appearance Dimensions-AutoSize="false" Border-Visible="false"> <Shadow Blur="5" Distance="3" /> </Appearance> <Legend Visible="false"></Legend> <ChartTitle Visible="true" Appearance-Dimensions-AutoSize="false" Appearance-Dimensions-Width="315px" Appearance-Dimensions-Height="40px" Appearance-Dimensions-Margins="0px" Appearance-Dimensions-Paddings="0px" TextBlock-Text="Chart1" Appearance-Position-Auto="false" Appearance-Position-X="5" Appearance-Position-Y="5" Appearance-Shadow-Color="Transparent"></ChartTitle> </telerik:RadChart>