Hi @yahomanktk,
Sorry for the delayed reply over the weekend, and thanks for reaching out with your question about the HTML5 Canvas with Fabric.js plugin!
Regarding the vertical display of your text, you can adjust the width of the text box in Fabric.js by setting the width property when adding the text.
Here are some suggestions:
Here’s how you can resolve this:
-
Locate the “Add Text A Fabrics Canvas” Action: In your Bubble workflow, find the action where you are adding the text to the canvas.
-
Set the Text Box Width: In the action settings, you should see an option to define the text properties. Fabric.js allows you to specify the width of the Textbox object. Set a larger value for the width property to prevent the text from wrapping. For example, you can set the width to a value like 300 (pixels) or higher, depending on your canvas size and desired text length.
- Example: If the plugin exposes a field for additional Fabric.js properties (often labeled as “Extra Properties” or similar in Bubble plugins), you can add something like: { “width”: 300 }.
-
Test the Result: After setting the width, test the action to ensure the text now appears horizontally in a single line.
Unfortunately, the plugin doesn’t have a dedicated setting for default text box width, so this needs to be done dynamically by setting the width explicitly in your workflow.
Please check your workflow for the “Add Text” action and try specifying a larger width value for the text box.
If you need further help, feel free to share your workflow setup or a Loom recording, and I’d be happy to assist!
Best regards,
Support Team
Browse all Zeroqode Plugins for bubble
