search

KaotoIO / kaoto

The UI of the Kaoto project
https://kaoto.io
Apache License 2.0
29 stars 23 forks source link

Offer a way to transform single line TextField into TextArea #1021

Open lordrip opened 4 months ago

lordrip commented 4 months ago

Please describe the feature that you want to propose

It would be useful to be able to convert TextFields into TextAreas areas on demand, so fields like Sasl Jaas Config from the kafka camel component could be entirely seen

shivamG640 commented 4 months ago

@lordrip , Do you mean adding an addition icon next to the field hint popover to convert the text field into the text area on demand? Screenshot from 2024-04-19 12-30-35

lordrip commented 4 months ago

@shivamG640 , perhaps not next to the icon but rather next to the field itself.

shivamG640 commented 4 months ago

Related PRs:

  1. https://github.com/KaotoIO/uniforms-patternfly/pull/95
  2. https://github.com/KaotoIO/kaoto/pull/1032
shivamG640 commented 1 month ago

@lordrip Previously, We added CustomLongTextField component to support this feature and I don't exactly remember about our discussion regarding the objective of this task. Could you please reiterate on that?

lordrip commented 1 month ago

@shivamG640, To be honest, I don't remember all the details either, but the idea was to have a way to transition from a single line field to a text field.

We added CustomLongTextField for specific fields in the form, this feature would be for transitioning TextField to CustomLongTextField on demand.

Here's an example from patternfly: https://www.patternfly.org/components/input-group image

Instead of "Button" we could show an icon that resembles an "expand operation".

We could also explore the idea of having a single TextField with this capability with a prop to start in expanded or collapsed mode, meaning that we continue to offer already expanded fields for specific properties.