Hi,
is it possible to write Text in the Toolbar-Area like the attached Picture.
I want to save the page space around the Editor.
The text should be the description of the editorcontent
thanks in advance
Johann
is it possible to write Text in the Toolbar-Area like the attached Picture.
I want to save the page space around the Editor.
The text should be the description of the editorcontent
thanks in advance
Johann
4 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
answered on 20 Aug 2014, 09:26 AM
Hi Johann,
Please try the below code snippet to achieve your scenario.
JavaScript:
CSS:
Thanks,
Shinu.
Please try the below code snippet to achieve your scenario.
JavaScript:
function
pageLoad() {
$(
".reToolbarWrapper"
).after(
"<span class='align-text'>New Text</span>"
);
}
CSS:
.align-text
{
float :
right
!important
;
}
Thanks,
Shinu.
0
Johann
Top achievements
Rank 1
answered on 21 Aug 2014, 03:45 PM
Hi Shinu,
Thank you for your reply.
How can i do this separately for more Editors in page? I have a Page with four Editors. If i use your snippet all the Editors in Page have the same text in Toolbar.
Thank you for your help.
Greetings Johann
Thank you for your reply.
How can i do this separately for more Editors in page? I have a Page with four Editors. If i use your snippet all the Editors in Page have the same text in Toolbar.
Thank you for your help.
Greetings Johann
0
Accepted
Shinu
Top achievements
Rank 2
answered on 22 Aug 2014, 06:41 AM
Hi Johann,
Try to set a CssClass for the RadEditor and do the following modification in the JavaScript. Let 'demo1' and 'demo2' are the CSSClass for RadEditor 1 and RadEDitor 2 respectively, then the code will be as follows.
JavaScript:
Thanks,
Shinu.
Try to set a CssClass for the RadEditor and do the following modification in the JavaScript. Let 'demo1' and 'demo2' are the CSSClass for RadEditor 1 and RadEDitor 2 respectively, then the code will be as follows.
JavaScript:
function
pageLoad() {
$(
".demo1 .reToolbarWrapper"
).after(
"<span class='align-text'>Editor 1</span>"
);
$(
".demo2 .reToolbarWrapper"
).after(
"<span class='align-text'>Editor 2</span>"
);
}
Thanks,
Shinu.
0
Johann
Top achievements
Rank 1
answered on 22 Aug 2014, 09:53 AM
Hi Shinu,
Thank you very much.
This works fine
Johann
Thank you very much.
This works fine
Johann