Floating calculated field | ww.wp.xz.cn

Resolved PB
(@ohtusabes)

1 year, 2 months ago

Hi @codepeople

I would like the calculated field to be displayed as a floating element—or another solution you might recommend—when the user selects an option, since the list is extensive and can be difficult to navigate on mobile screens.

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author CodePeople2
(@codepeople2)

1 year, 2 months ago

Hello @ohtusabes

Displaying a field as a floating element is very simple. You need only to make its “position” CSS rule “fixed” and enter the left, right, top, or bottom CSS rules necessary to display the field in the preferred place. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/04/08/video_o.mp4

Best regards.

Thread Starter PB
(@ohtusabes)

1 year, 2 months ago

Hi @codepeople2

Great. Thank you!

Thread Starter PB
(@ohtusabes)

1 year, 2 months ago

Hi @codepeople2

I’ve been testing the CSS as you suggested, particularly on the calculated field. I was able to change the text size successfully; however, the background color remains unchanged despite the CSS value. Could you provide me with a solution or let me know what I might be missing?

The page is: https://app.ucimhef.org/?cff-form=15

Thank you.

Plugin Author CodePeople2
(@codepeople2)

1 year, 2 months ago

Hello @ohtusabes

You can enter the CSS rule value with the !important modifier as I did with some rules in the video I sent you in the previous entry.

Best regards.

Thread Starter PB
(@ohtusabes)

1 year, 2 months ago

Hi @codepeople2

I´ll do. Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Floating calculated field’ is closed to new replies.

Tags

css

5 replies
2 participants
Last reply from: PB
Last activity: 1 year, 2 months ago
Status: resolved