This is a migrated thread and some comments may be shown as answers.

Text near Toolbar

4 Answers 12 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Johann
Top achievements
Rank 1
Johann asked on 19 Aug 2014, 05:39 PM
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

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 20 Aug 2014, 09:26 AM
Hi Johann,

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
0
Accepted
Shinu
Top achievements
Rank 1
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:
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
Tags
Editor
Asked by
Johann
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Johann
Top achievements
Rank 1
Share this question
or