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

Editor Custom Dropdown ItemsPerRow

3 Answers 70 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Angie
Top achievements
Rank 1
Angie asked on 03 Aug 2017, 07:57 PM

I've recently upgraded to the latest version of Telerik, and it seems like the "ItemsPerRow" property is no longer working for the Custom Drop Down.

Example here:  http://demos.telerik.com/aspnet-ajax/editor/examples/customdropdowns/defaultvb.aspx

I've tried to format the list items accordingly, however the <li> styling affects ALL drop downs in the editor. 

Is there either a way to get the ItemsPerRow to work properly, or is there a way to specifically refer to just the custom drop down via CSS styling?

Thank you.

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 04 Aug 2017, 08:03 AM
Hi,

The ItemsPerRow attribute is applicable for the RenderMode="Classic".

Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Angie
Top achievements
Rank 1
answered on 16 Aug 2017, 05:05 PM

Hi Rumen.  I tried adding the RenderMode classic to the split button, but it did not change anything. Below is my code.  Thank you.

 

EditorSplitButton sp1 = new EditorSplitButton("DynamicSplitButton");
           sp1.Attributes["ItemsPerRow"] = "4";
           sp1.Attributes["popupwidth"] = "280px";
           sp1.Attributes["popupheight"] = "400px";
           sp1.Text = "Emoticons";
           sp1.RenderMode = RenderMode.Classic;
dynamicToolbar.Tools.Add(sp1);
0
Rumen
Telerik team
answered on 05 Sep 2017, 02:47 PM

Hello Angie,

The render mode should be set at RadEditor level:

<telerik:RadEditor id="RadEditor1" runat="server" RenderMode="Classic" />

or

RadEditor1.RenderMode = Telerik.Web.UI.RenderMode.Classic;

Best regards,

Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Editor
Asked by
Angie
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Angie
Top achievements
Rank 1
Share this question
or