How to customize styles? #266
Replies: 10 comments
-
Documents can be found at: https://github.com/vuerd/vuerd/tree/master/packages/vuerd |
Beta Was this translation helpful? Give feedback.
-
Is there a way to have different table background ? For example One table with blue background (in the title for example), another with green background etc. ? I would like to recognize different type of table directly with the color, like this : |
Beta Was this translation helpful? Give feedback.
-
Ah thank you |
Beta Was this translation helpful? Give feedback.
-
There is no function at this time. |
Beta Was this translation helpful? Give feedback.
-
@dineug how do I overwrite some custom css?
|
Beta Was this translation helpful? Give feedback.
-
I don't recommend it because it breaks the size calculation. Here's how: |
Beta Was this translation helpful? Give feedback.
-
Got it thanks! I was actually trying something else. The height was just a random example. |
Beta Was this translation helpful? Give feedback.
-
@dineug So I was able to use the shadow DOM styling for something like, as an example, the Did I miss something? |
Beta Was this translation helpful? Give feedback.
-
I've tried a few things. To add a style to ShadowRoot, you must import ShadowRoot. const shadowRoot = editor.shadowRoot;
shadowRoot.appendChild(style); |
Beta Was this translation helpful? Give feedback.
-
Thanks for the quick reply and thanks for your great tool ! :) |
Beta Was this translation helpful? Give feedback.
-
I'm trying to use this with React. I was able to set it up like this
https://codesandbox.io/s/vuerd-react-test-uzfld?file=/src/App.js
I see that there are these options to customize styles here
https://vuerd.github.io/vuerd/?path=/docs/example-demo--erd-editor
but I am not able to figure out how to actually use them in the code.
Any help is appreciated. Thanks!
Beta Was this translation helpful? Give feedback.
All reactions