Hello, I am working with the new Component system and love it. I am currently making buttons (div element like the tutorials) and have run into a problem. I want the button to display controls for the text on the button, the link and the margins around the button. I have no issue with text or link but I cannot figure out how to wire the margin controls. Help would be appreciated. Jim
Hello Jim,
Thanks for writing in!
You can use this documentation to add margin controls to your button component.
Best Regards.
Ruenel
I saw that in the documentation but could not figure out how to wire it up with dynamic content. Is a dynamic content connection not required? I can include the JSON for “ContentWidth” for example and it shows up as controls for the Button component but it does not affect the component - it is not wired in. I am not sure how to link the JSON code added to the Parameters for the button component to the button so it has an affect. For instance I can add the JSON like the example for “contentWidth”, it outputs the slider but changing the slider does not change the Button. How do I do that?
Jim
Hello Jim,
Take this as an example:
You will have to connect your JSON to the Button element and in this case, I have used {{dc:p:contentWidth}} in the Width option.
For every parameter you have in the JSON, you will have to wire it up to the Button element’s setting.
Kindly check out this guide as well:
Hope this makes sense.
Reunel
Thank you. You cracked the mystery for me. I knew the JSON needed to be wired in but I didn’t know the dynamic content code could be placed in the “width” container on the “button”. That was the missing part for me and maybe for others. I can now go and construct my components. Thanks again.
Jim
Hi Jim,
You are most welcome.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

