Add a CSS Class to each Vertix in MXGRAPH












1















I would like to add a CSS Class to each Vertix in MXGRAPH, to be able to add style in an external theme. How could be possible?



I found only method to add fillColor, gradientColor, stroke, activate rounded corners but not to link them with CSS.










share|improve this question

























  • Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

    – David
    Jan 2 at 15:59











  • uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

    – Luca Detomi
    Jan 2 at 16:04
















1















I would like to add a CSS Class to each Vertix in MXGRAPH, to be able to add style in an external theme. How could be possible?



I found only method to add fillColor, gradientColor, stroke, activate rounded corners but not to link them with CSS.










share|improve this question

























  • Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

    – David
    Jan 2 at 15:59











  • uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

    – Luca Detomi
    Jan 2 at 16:04














1












1








1








I would like to add a CSS Class to each Vertix in MXGRAPH, to be able to add style in an external theme. How could be possible?



I found only method to add fillColor, gradientColor, stroke, activate rounded corners but not to link them with CSS.










share|improve this question
















I would like to add a CSS Class to each Vertix in MXGRAPH, to be able to add style in an external theme. How could be possible?



I found only method to add fillColor, gradientColor, stroke, activate rounded corners but not to link them with CSS.







mxgraph






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 2 at 11:00







Luca Detomi

















asked Jan 2 at 10:33









Luca DetomiLuca Detomi

3,20963455




3,20963455













  • Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

    – David
    Jan 2 at 15:59











  • uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

    – Luca Detomi
    Jan 2 at 16:04



















  • Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

    – David
    Jan 2 at 15:59











  • uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

    – Luca Detomi
    Jan 2 at 16:04

















Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

– David
Jan 2 at 15:59





Not possible on vertices themselves, but you could enable HTML labels and use the label to render arbitary HTML/CSS

– David
Jan 2 at 15:59













uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

– Luca Detomi
Jan 2 at 16:04





uhmmm I'll investigate about this solution but anyway is not what I need... I'd like to simplify styiling of vertices (current JS embedded implementation is hard to manage and documentation is not so clear)

– Luca Detomi
Jan 2 at 16:04












1 Answer
1






active

oldest

votes


















0














There are 2 levels of customization you can do in mxgraph :




  • the "mxgGraph" shapes, as you discovered with fillColor etc.

  • using HTML labels


In my case, I ended up doing a mix of both: I customize the shape itself with mxGraph "native" features so that they render fast and well in the outline (mini-map) too; and then I refine my labels with HTML / CSS. For example, I have added markdown support, I have created a fairly advanced text editor for the boxes, etc.



At render time, I check the style name (and other properties) of the current mxCell object and I know which custom CSS class to add when rendering the html label.






share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54004754%2fadd-a-css-class-to-each-vertix-in-mxgraph%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    There are 2 levels of customization you can do in mxgraph :




    • the "mxgGraph" shapes, as you discovered with fillColor etc.

    • using HTML labels


    In my case, I ended up doing a mix of both: I customize the shape itself with mxGraph "native" features so that they render fast and well in the outline (mini-map) too; and then I refine my labels with HTML / CSS. For example, I have added markdown support, I have created a fairly advanced text editor for the boxes, etc.



    At render time, I check the style name (and other properties) of the current mxCell object and I know which custom CSS class to add when rendering the html label.






    share|improve this answer




























      0














      There are 2 levels of customization you can do in mxgraph :




      • the "mxgGraph" shapes, as you discovered with fillColor etc.

      • using HTML labels


      In my case, I ended up doing a mix of both: I customize the shape itself with mxGraph "native" features so that they render fast and well in the outline (mini-map) too; and then I refine my labels with HTML / CSS. For example, I have added markdown support, I have created a fairly advanced text editor for the boxes, etc.



      At render time, I check the style name (and other properties) of the current mxCell object and I know which custom CSS class to add when rendering the html label.






      share|improve this answer


























        0












        0








        0







        There are 2 levels of customization you can do in mxgraph :




        • the "mxgGraph" shapes, as you discovered with fillColor etc.

        • using HTML labels


        In my case, I ended up doing a mix of both: I customize the shape itself with mxGraph "native" features so that they render fast and well in the outline (mini-map) too; and then I refine my labels with HTML / CSS. For example, I have added markdown support, I have created a fairly advanced text editor for the boxes, etc.



        At render time, I check the style name (and other properties) of the current mxCell object and I know which custom CSS class to add when rendering the html label.






        share|improve this answer













        There are 2 levels of customization you can do in mxgraph :




        • the "mxgGraph" shapes, as you discovered with fillColor etc.

        • using HTML labels


        In my case, I ended up doing a mix of both: I customize the shape itself with mxGraph "native" features so that they render fast and well in the outline (mini-map) too; and then I refine my labels with HTML / CSS. For example, I have added markdown support, I have created a fairly advanced text editor for the boxes, etc.



        At render time, I check the style name (and other properties) of the current mxCell object and I know which custom CSS class to add when rendering the html label.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 7 at 14:12









        Colin ClaverieColin Claverie

        31624




        31624
































            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54004754%2fadd-a-css-class-to-each-vertix-in-mxgraph%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Monofisismo

            Angular Downloading a file using contenturl with Basic Authentication

            Olmecas