Git Product home page Git Product logo

Comments (3)

XiangNingZhi avatar XiangNingZhi commented on May 17, 2024 1

Thank you very much! You solved my problem perfectly!
If I want to customize the node then use ItemContainer will be able to use most of the properties of wpf?

from nodify.

miroiu avatar miroiu commented on May 17, 2024

Hi @XiangNingZhi ,

The current node will be sized according to the number of Connectors and the length of the Content, can I customize its length and width?

If you are rendering a <Node />, that's possible by setting its Width and Height. The content can also have a fixed Width and Height but notice that the connectors also take up space and you may need a scrollbar.

image

And can I impose more styles for nodes? For example, modify the border, modify the background color of the node?

Sure! Just set the available dependency properties like Background, Foreground, BorderBrush, ContentBrush, HeaderBrush, FooterBrush, etc. (it's best to look them up in the code). There's also the option to change the theme of the whole library or customize parts of it by overwriting its colors (e.g. Node.BackgroundColor).

But you can also customize the container (ItemContainer) of the nodes if you want them all to look the same.

image

I plan to use this for a circuit schematic display, so it would be nice to be able to replace the node Content with a graphic.

That's cool! You can set the node content to anything you want.

You can also create custom nodes and custom connectors if you can't customize the built-in nodes the way you want.

image

I hope this helps!

from nodify.

miroiu avatar miroiu commented on May 17, 2024

Yes, both the ItemContainer and the node inherits from ContentControl which means you can use the standard WPF dependency properties for customization.

from nodify.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.