Comments (3)
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.
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.
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.
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.
I hope this helps!
from nodify.
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)
- [Feature] Copy/Paste and Undo/Redo editor actions HOT 2
- [Question]How to change the border color of Node HOT 5
- [Bug] Changing BorderThickness will cause an exception to be displayed when nodes are selected HOT 6
- [Question] Connection Behind Grouping Nodes HOT 1
- [Question] Sorting the graph HOT 3
- I want to hide Pending Connection content until it's hover to invalid connection, How can I? HOT 6
- [Bug]Triggered Background of connectors bindings HOT 1
- How can I use strings as input / output types on nodes?[Question] HOT 1
- [Question]Can display text on the connection? HOT 2
- [Question] Problem about Revit-Nodify-Cooperation-Experiment HOT 2
- [Question] Drag&Drop from Toolbox HOT 5
- [Question] How do you change the theme during runtime? HOT 2
- [Application] Avalonia refactoring version HOT 4
- [Question] Draggable arrowheads, is it possible? HOT 2
- [Feature] Fit selected nodes into view HOT 1
- [Bug] set FlowDirection property of Node, the connection of this Node will not update HOT 4
- [Question] How to make the line above the node HOT 1
- [Question] Is there a setting for auto layout? HOT 1
- [Docs] Dead links in contributing doc HOT 1
- [Question] Most Nodify way to have additional vertical connection flow? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nodify.