Label display inside nodes cytoscape.js

Question

Is there a way to display a node label centered inside the node such as cytoscape desktop does by default?

Kelton

Answer 1

Yes, you can control this with the labelValign property as explained in the Wiki StyleObject description. For example:

var myStyle = {
    selectors: {
        "node": {
            labelValign: "middle",
            ... } } }

$("#cy").cy({style: myStyle, ... })

Jailbreak

Answer 2

I set css style for nodes and it works:

"text-valign" : "center"
"text-halign" : "center"

Quark

I am not sure if I want to upvote or downvote. text-valign and text-halign really DO work, however they are certainly not css properties. – Tewell

This works, but they are cytoscape-js styles though. – Irremissible

Answer 3

From the official and actual documentation - text-valign and text-halign are the way to go. They are certainly not css properties however. The possible options are: text-halign - left, center, or right; text-valign - top, center, or bottom.

These options work only for nodes, not for edges.

Offical documentation for more info

Tewell