Request: Standard and Filled variants for two inputs

UI Builder
1

Hey, I’m using the Select input a few times in my UI, but is looks so different to the Standard variant I use on the rest of the inputs. Would it be possible to add the Standard variant (and while you’re at it, maybe also the Filled one)?

Also I noticed for the DateTimePicker you’re using a different approach (not using Variant but option to choose Outline). This leaves out the Filled option.

2

Hi, @Michiel_Prins

As for the first part of your post, I made an internal ticket BKNDLSS-24809 to add this functionality to the Select component.

About your notes on the DateTimePicker component. You can do it now, without additional improvements on our side. I will show you how you can do that:
On my page I have two components: the DateTimePicker and the Button components. All of the following logic I attached to the Button component, to display the real time.

image
image1080×302 64.3 KB

Thus by clicking on the Button component the user gets the real time which will be displayed in the DateTimePicker comontent.

Regards,
Marina

3

Thanks for the first part!

I don’t understand your second remark, how does that relate to the css of that input?

Michiel

4

@Michiel_Prins

I see what you mean. This functionality has not yet been implemented. I created an internal ticket BKNDLSS-24812 to discuss it with the team.
As a workaround, I might suggest that you use the Input component and pass data to the DataPicker using the onChange event handler.

Regards,
Marina

1 Like
5

I don’t understand what you mean with the workaround. I’m talking about CSS in this topic, not about data?

6

Just so I understand what you’re talking about. Could you attach screenshots where you point with arrows the styles in question?

7

Not now, my app is broken since the upgrade of the European cluster, waiting for it to work again.

Sorry for being unclear, it’s probably my English :slight_smile:

I will post screenshots when things are up and running again.

8

Thanks, Michiel. You should be able to see the app now. Post those screenshots when you can.

9

Normal input has Variant option:

image
image256×527 7 KB

DateTime picker only has “Outlined” checkbox to swap between normal and outlined. So there’s no Variant selectbox there to select betwee the three looks.

image
image260×589 9.85 KB

My first remark was about the “Select” form element, which has only the Outlined css, but not Normal or Filled.

Hope everything is clear now!

10

Hi, @Michiel_Prins

We’ve just updated cloud servers with the new variants of the Select component you wrote about above.

Regards,
Marina