CSS Class dropdown functionality

6 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 01 Dec 2009 Link to this post

    Hi,

    I wonder if the line

    <class name="Plaat met rand" value="img.PlaatMetRand" />

    would cause the editor to show class "Plaat met rand" ONLY if an image is selected.
    Or would this be the the same as

    <class name="Plaat met rand" value="PlaatMetRand" />

    Can you inform?

    Marc



  2. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 01 Dec 2009 Link to this post

    In addition to the above mentioned I discovered the following:

    In case I have

    <class name="Plaat centreren met rand" value="img.PlaatCentreerMetRand" />

    This is NOT recognized when I apply in the CSS

    .ImgCenterBorder, .PlaatCentreerMetRand {display: block;margin:16px auto 16px auto;border:1px solid #3A267E;}

    But recognized if I apply

    .ImgCenterBorder {display: block;margin:16px auto 16px auto;border:1px solid #3A267E;} .PlaatCentreerMetRand {display: block;margin:16px auto 16px auto;border:1px solid #3A267E;}

    Marc







  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 02 Dec 2009 Link to this post

    Hi Marc

    Please, note that the classes collection item in the ToolsFile.xml file is used to restrict the population of all css classes on the page in the ApplyClass dropdown. You should specify the exact class name as a value of the class item that you want to add to the Apply Class dropdown:

    <class name="Class Name"  value="Original Class Name" />

    You can populate the following classes in the ApplyClass dropdown

    .ImgCenterBorder, .PlaatCentreerMetRand {display: block;margin:16px auto 16px auto;border:1px solid #3A267E;}

    using the following ToolsFile.xml file declarations:

    <classes>
        <class name="Images Class" value=".PlaatCentreerMetRand" />
        <class name="Images Class 123" value=".ImgCenterBorder" />
    </classes>

    Please, note that you should add a separate item for every class.
    If the original class is named img.PlaatCentreerMetRand
    then to populate it use this syntax:

    <class name="Images Class" value="img.PlaatCentreerMetRand" />

    Sincerely yours,
    Rumen
    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.
  5. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 02 Dec 2009 Link to this post

    Hi Rumen,

    This is not the problem I wanted to bring up.

    The point is that it seems to be impossible to read from a comma seperated class line in the CSS

    So

    <class name="Plaat centreren met rand" value="img.PlaatCentreerMetRand" />

    Not applies when in CSS

    img.ImgCenterBorder, img.PlaatCentreerMetRand {display: block;margin:16px auto 16px auto;border:1px solid #3A267E;}

    I am sorry about the confusion.

    Marc


  6. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 02 Dec 2009 Link to this post

    Hi,

    Thank you for the clarification.

    The reported scenario is not supported out-of-the box because the names of the classes should be identical to these set in the value attribute of the class tag. In addition the editor does not offer support to restrict comma separated classes and you should rework your css files (that you want to populate in the Apply Class dropdown) to include only separated classes.

    Kind regards,
    Rumen
    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.
  7. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 03 Dec 2009 Link to this post

    MMMmmm, lot of work for 75+ sites :-(

    Going to work,
    Marc
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017