Editor Custom Dropdown ItemsPerRow

4 posts, 0 answers
  1. Angie
    Angie avatar
    113 posts
    Member since:
    Jan 2008

    Posted 03 Aug 2017 Link to this post

    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.

  2. Rumen
    Admin
    Rumen avatar
    14107 posts

    Posted 04 Aug 2017 Link to this post

    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.
  3. Angie
    Angie avatar
    113 posts
    Member since:
    Jan 2008

    Posted 16 Aug 2017 in reply to Rumen Link to this post

    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);
  4. Rumen
    Admin
    Rumen avatar
    14107 posts

    Posted 05 Sep 2017 Link to this post

    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.
Back to Top