question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

compound node css shape support

See original GitHub issue

I am having issues in styling compound nodes. is shape supported as css attribute ?

JSFIDDLE: https://jsfiddle.net/bababalcksheep/hzu9t4zw/3/

{
      selector: '$node > node',
      css: {
        'background-color': 'black',
        'shape': 'ellipse',
        'background-opacity': 0,
        'border-width': 1,
        'border-color': 'black'
      }
 }

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
dpekklecommented, Oct 28, 2016

Not sure what to say, this works for me:

        {
            selector: ':parent',
            style:{
                'shape': 'roundrectangle',
            },
        },

If you could update your jsfiddle so that it works (doesn’t include jquery for one?) that would help.

0reactions
dpekklecommented, Oct 28, 2016

Ah my mistake.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Layout compound nodes in cytoscape JS - Stack Overflow
I am using a compound node and the cola layout. compound node · cytoscape.js · cytoscape-web · webcola · Share.
Read more >
Node Shapes | Graphviz
There are three main types of shapes : polygon-based, record-based and user-defined. The record-based shape has largely been superseded and ...
Read more >
Overview of shapes - CSS: Cascading Style Sheets | MDN
The CSS Shapes Level 1 Specification describes geometric shapes in CSS. They are, in Level 1 of the specification, designed to be applied...
Read more >
Cytoscape.js
Cytoscape.js supports many different graph theory usecases. ... Compound nodes are an addition to the traditional graph model.
Read more >
Compound Node · Documentation - support-thepixelfarm.co.uk
In its expanded state a red bounding box is drawn around the individual nodes that make up the compound node. These can be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found