Hi
Im trying to build a toolbar which consists of 3 sets of buttons grouped over 3 rows e.g.
[row #1]
[row #2]
[row #3]
I've set my toolbar to ShowOnFocus and am using the technique described in this article to ensure that the toolbar appears in a single <Div> at the top of the page. My problem is how do I force my toolbar buttons to appear in separate rows ? All my toolbar buttons seem to take up all available width before spilling onto a new line (meaning that I end up with only 1 or 2 toolbar rows - not the 3 which I want).
Q1
From what I can see the width of the toolbar is controlled via CSS and there is nothing in the XML documentation which allows me to declare a new row in my toolbar. How can I achieve this ?
Q2
Also, I note in the documentation an attribute <tools IsRibbon="true"> which should make my toolbar be displayed as a Microsoft Office style ribbon. On setting this I do not see any difference in the appearance of my toolbar. Is there something else I need to set to make this work ?
Q3
I have added a custom toolbar button which hides the editor and displays its contents using a <DIV> (basically to simulate what the final page will look like). When this button is pressed I want to disable all other buttons in my toolbar but cannot find any documentation in the client API which will do this. Is this possible ?
Thanks
Im trying to build a toolbar which consists of 3 sets of buttons grouped over 3 rows e.g.
[row #1]
[row #2]
[row #3]
I've set my toolbar to ShowOnFocus and am using the technique described in this article to ensure that the toolbar appears in a single <Div> at the top of the page. My problem is how do I force my toolbar buttons to appear in separate rows ? All my toolbar buttons seem to take up all available width before spilling onto a new line (meaning that I end up with only 1 or 2 toolbar rows - not the 3 which I want).
Q1
From what I can see the width of the toolbar is controlled via CSS and there is nothing in the XML documentation which allows me to declare a new row in my toolbar. How can I achieve this ?
Q2
Also, I note in the documentation an attribute <tools IsRibbon="true"> which should make my toolbar be displayed as a Microsoft Office style ribbon. On setting this I do not see any difference in the appearance of my toolbar. Is there something else I need to set to make this work ?
Q3
I have added a custom toolbar button which hides the editor and displays its contents using a <DIV> (basically to simulate what the final page will look like). When this button is pressed I want to disable all other buttons in my toolbar but cannot find any documentation in the client API which will do this. Is this possible ?
Thanks
1 Answer, 1 is accepted
0
Hi Steve,
Straight on your questions:
1. The toolbar of RadEditor resembles the toolbars of desktop applications, and this means that there is no such thing as multirow toolbar. You can specify different toolbars and put them on a new line with a little bit of CSS.
2. The isribbon property is not yet implemented in RadEditor for ASP.NET AJAX. It was introduced in the classic version of the control, and this is why nothing happens when you set it to true in the AJAX version. The property is not removed, though, because we will implement it, however I cannot commit myself with a deadline for this.
3. RadEditor has an special boolean property, called EnableEditing, however if set to false, it will disable all buttons on the toolbar, including your custom button.
Kind regards,
Martin Ivanov
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Straight on your questions:
1. The toolbar of RadEditor resembles the toolbars of desktop applications, and this means that there is no such thing as multirow toolbar. You can specify different toolbars and put them on a new line with a little bit of CSS.
2. The isribbon property is not yet implemented in RadEditor for ASP.NET AJAX. It was introduced in the classic version of the control, and this is why nothing happens when you set it to true in the AJAX version. The property is not removed, though, because we will implement it, however I cannot commit myself with a deadline for this.
3. RadEditor has an special boolean property, called EnableEditing, however if set to false, it will disable all buttons on the toolbar, including your custom button.
Kind regards,
Martin Ivanov
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.