I would like help with the Floating Tags contact form

I Need Help
1

Hello!

I would like to ask for help to implement the floating labels on the form under BS5.
Could someone describe in a very wordy way how I could do it?

bootstrap-5-floating-labels

2

From @Jerry

3 Likes
3

@Jannis

Thanks, I’ll ask @Jerry if he can help with that. :slightly_smiling_face:

4

The main trick is swapping the label and input fields around in the layer tree. You can compare the markup in the bootstrap docs with what’s generated with blocs to see. The rest is just classes

3 Likes
5

@PeteSharp

This is what I can’t do, unfortunately :pensive:

7

Hi @Jerry .

Thanks for the instructions, I’ll try tomorrow when I feel better. :slightly_smiling_face:

8

It really isn’t that difficult. And I’m quite pleased with the result, even added some extra labels on top of that (scroll down to get to the contact form):

1 Like
9

Hello!

I would like to ask for help in setting up the classes, it doesn’t want to work at all. :pensive:

10

It’s really all there, in Pete’s reply and Jerry’s short screencast.

When I have time, I‘ll export my contact Bloc and upload it here.

2 Likes