nocode-js / sequential-workflow-designer

Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies.
https://nocode-js.com/
MIT License
1.08k stars 111 forks source link

How do I add multiline text for steps ? #151

Closed 889863 closed 4 months ago

889863 commented 4 months ago

I would like to add a multiline text for steps and also add custom height for the steps. Is there any way we can achieve this ?

b4rtaz commented 4 months ago

Hello @889863,

the pro version offers Large Task Step Component. It allows you to add some description to the component. I'm not sure if the description supports multiline text but it's something worth to consider.

Regarding multi-line names, I'm not sure if this is the correct direction. Names should be short. The toolbox by default doesn't show too long names. More descriptive text can be moved also to the editor. Check this example: If you click on any step, you can see a long description at the top of the editor.

Or maybe I don't understand something, can provide a more context?

b4rtaz commented 4 months ago

add custom height

You can customize paddings, distances, the icon size, in each step component, by providing own configuration. The pro documentation describes how to do it. Currently you can do it only globally (so you cannot have two "task" components with different sizes, but I think this would be a great feature).

889863 commented 4 months ago

add custom height

You can customize paddings, distances, the icon size, in each step component, by providing own configuration. The pro documentation describes how to do it. Currently you can do it only globally (so you cannot have two "task" components with different sizes, but I think this would be a great feature).

Do you have any sample code for this ?

889863 commented 4 months ago

Hello @889863,

the pro version offers Large Task Step Component. It allows you to add some description to the component. I'm not sure if the description supports multiline text but it's something worth to consider.

Regarding multi-line names, I'm not sure if this is the correct direction. Names should be short. The toolbox by default doesn't show too long names. More descriptive text can be moved also to the editor. Check this example: If you click on any step, you can see a long description at the top of the editor.

Or maybe I don't understand something, can provide a more context?

I actually wanted to show some subtitle for the step . For example one event is a step and wanted to add Organizer as a subtitle .

b4rtaz commented 4 months ago

I actually wanted to show some subtitle for the step . For example one event is a step and wanted to add Organizer as a subtitle .

It sound like the Large Task Step Component should fit for your needs. You can also reduce the size of this component (padding, font size etc) if it is too "large" (more details in the pro documentation).

Do you have any sample code for this ?

If you want to be sure that the pro documentation covers your expectations, you can contact us here. This example shows a bit how you can adjust paddings/sizes etc of step components.

889863 commented 4 months ago

Looking for some solution for the free version.

b4rtaz commented 4 months ago

I understand that, but I cannot share content that is under a paid subscription. These payments for advanced solutions enable this project to offer a free version and essentially exist.