EditorToolGroup etg = new EditorToolGroup();
rdHTMLEditor.Tools.Add(etg);
EditorTool addLoginLink = new EditorTool();
addLoginLink.Name = "AddLoginLink";
addLoginLink.Text = "Add Login Link";
etg.Tools.Add(addLoginLink);
Hi
We use Telerik Editor as part of the OpenText Context Management System (although I'm not sure what version).
I've noticed that when entering links in the text editor, the order of the HTML attributes is always changed to follow a certain order.
Entering the following test links…
<li><a href="http://www.example.com" title="Example" class="test" rel="external">Example 1</a></li>
<li><a title="Example" rel="external" href="http://www.example.com" class="test">Example 2</a></li>
…always produces:
<li><a class="test" title="Example" rel="external" href="http://www.example.com">Example 1</a></li>
<li><a class="test" title="Example" rel="external" href="http://www.example.com">Example 2</a></li>
Being able to control the order for consistency is great but we would prefer to have href first as it is the most common…having a logical order can help with gzip page size (Google recommends href then alphabetising the rest, e.g., href class rel title).
Is it possible to override the specified ordering to change to our preference?
Thanks
Neil
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnGetDate"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"datePanel"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadToolBar1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"windowPanel"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadToolBar
ID
=
"RadToolBar1"
Runat
=
"server"
onbuttonclick
=
"RadToolBar1_ButtonClick"
>
<
Items
>
<
telerik:RadToolBarButton
runat
=
"server"
Text
=
"Window"
>
</
telerik:RadToolBarButton
>
</
Items
>
</
telerik:RadToolBar
>
<
asp:Panel
ID
=
"windowPanel"
runat
=
"server"
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
>
</
telerik:RadWindowManager
>
<
telerik:RadWindow
ID
=
"RadWindow1"
runat
=
"server"
Modal
=
"true"
>
<
ContentTemplate
>
<
asp:Panel
ID
=
"datePanel"
runat
=
"server"
>
Date: <
asp:Literal
ID
=
"litDate"
runat
=
"server"
EnableViewState
=
"false"
></
asp:Literal
><
br
/>
<
asp:Button
ID
=
"btnGetDate"
runat
=
"server"
Text
=
"Update Date"
OnClick
=
"GetDate_Click"
EnableViewState
=
"false"
/>
<
br
/>
<
asp:Button
ID
=
"btnClose"
runat
=
"server"
Text
=
"Cancel"
OnClick
=
"btnClose_Click"
EnableViewState
=
"false"
/>
</
asp:Panel
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
asp:Panel
>
protected
void
RadToolBar1_ButtonClick(
object
sender, Telerik.Web.UI.RadToolBarEventArgs e)
{
RadWindow1.VisibleOnPageLoad =
true
;
RadWindowManager1.Controls.Add(RadWindow1);
litDate.Text =
"not set"
;
}
protected
void
GetDate_Click(
object
sender, EventArgs e)
{
litDate.Text = DateTime.Now.ToLongTimeString();
RadWindow1.VisibleOnPageLoad =
true
;
RadWindowManager1.Controls.Add(RadWindow1);
}
protected
void
btnClose_Click(
object
sender, EventArgs e)
{
RadWindow1.VisibleOnPageLoad =
false
;
RadWindowManager1.Controls.Remove(RadWindow1);
}
<
div
class
=
"input"
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"radComboBox"
AutoPostBack
=
"true"
Width
=
"394px"
EnableEmbeddedBaseStylesheet
=
"False"
EnableEmbeddedSkins
=
"False"
EnableTheming
=
"False"
ItemsPerRequest
=
"10"
MarkFirstMatch
=
"True"
ShowMoreResultsBox
=
"True"
ShowToggleImage
=
"False"
EmptyMessage
=
"Search Profiles"
DropDownCssClass
=
"input-drop"
Filter
=
"Contains"
DropDownWidth
=
"394px"
EnableAutomaticLoadOnDemand
=
"True"
EnableLoadOnDemand
=
"True"
Height
=
"181px"
OffsetX
=
"-38"
OffsetY
=
"8"
ShowDropDownOnTextboxClick
=
"False"
DataTextField
=
"Text"
DataValueField
=
"Value"
EnableTextSelection
=
"False"
NoWrap
=
"True"
>
</
telerik:RadComboBox
>
</
div
>
.input {
background-image
:
url
(images/search-input-header.png);
background-repeat
:
no-repeat
;
background-position
:
left
top
;
height
:
33px
;
width
:
374px
;
float
:
left
;
padding
:
10px
;
}
.input .rcbInput {
border-top-style
:
none
;
border-right-style
:
none
;
border-bottom-style
:
none
;
border-left-style
:
none
;
line-height
:
29px
;
height
:
29px
;
width
:
374px
;
background-color
:
#F2FAFF
;
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
24px
;
font-weight
:
bold
;
color
:
#1F80BC
;
}
.input .rcbEmptyMessage {
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
24px
;
font-weight
:
bold
;
color
:
#d0e9f9
;
}
.input .rcbArrowCellHidden {
display
:
none
;
}
.input-drop {
height
:
106px
;
width
:
374px
;
background-image
:
url
(images/search-dropdown-header.png);
background-repeat
:
no-repeat
;
background-position
:
0px
0px
;
overflow
:
hidden
;
padding
:
10px
;
margin-top
:
5px
;
margin-left
:
29px
;
z-index
:
6001
;
}
.input-drop .rcbItem,
.input-drop .rcbHovered
{
float
:
left
;
overflow
:
hidden
;
width
:
175px
;
font-family
:
'PT Sans'
,
sans-serif
,
Arial
,
Helvetica
;
font-size
:
18px
;
font-weight
:
normal
;
color
:
#80CDF2
;
text-decoration
:
none
;
line-height
:
22px
;
height
:
22px
;
cursor
:
pointer
;
}
.input-drop .rcbItem em,
.input-drop .rcbHovered em
{
color
:
#1F80BC
;
font-style
:
normal
;
font-weight
:
bold
;
}
#ExploreTreeView img
{
max-width:16px;
max-height:16px
}
C#
newNode.Style.Value= "img {max-width:22px}";
I really don't know if this syntax is correct, but this doesn't work for me.
Can anyone suggect the right way for me to define the image width/max-width programatically?
Thanks
Richard