radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator

Start a new topic

Done button placing options

I designed the UI for the product designer to be as full screen as possible on mobile.

The product designer opens in a lightbox.

On mobile however, the 'Done' button is not visible on some smaller screens (see screenshot), only when the user scrolls down the button is visible.

This is causing confusion: users click on the modal 'close' X but their design is not saved; Also it's difficult to scroll down when the UI is covering the screen.


I now changed this through CSS, but might be a good thing to have the option to put the button on top, in the empty space from the modal.


2 people have this question

can u show css sir

Sorry for the late reply. This is what I'm using, + some custom color, but this is the css for the positioning.


.fpd-done {

    position: absolute;

    top: 5px !important;

    z-index: 999 !important;

}

you can adjust the size that the user can use at

image

Example: 400 x 600


Login or Signup to post a comment