radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator

Start a new topic
Implemented

Drop down menu

Instead of a floating dialog box could you make it so when a user clicks the bottons at the top it drops down as a window/menu and a *done* button to make changes to make it disappear again.

13 people like this idea

Hoping the developer will come up with a solution for the floating dialog box very soon. In the meantime, I've found that giving the background some transparency makes the box a little more tolerable for the end user.


I added the following to my custom CSS to create a dark transparent box. It also changes the text to make it more legible on the dark background. I'll attach a couple of screenshots to show how it looks.


/* BEGIN MODIFICATIONS TO FPD DIALOG BOXES */ 

.fpd-context-dialog {

    width: 400px;

    background: rgba(56, 56, 56, 0.85);

}


.fpd-content-edit .fpd-list-row.fpd-sub-option label {

    color: #FFFFFF;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 700;

}


.fpd-list-row i {

    font-size: 20px;

    font-weight: 900;

    color: #ffffff;

}


.fpd-list-row>div {

    padding: 12px 0;

    color: white;

}

/* END MODIFICATIONS TO FPD DIALOG BOXES*/ 


png
png
Yeah everything should reside within the product designer window using drop down menu like previously suggested it would of been more user friendly and also the share feature should be incorporated into the save, load & print menu I think it conflicts with other share icons for the general product page. Also as K Veld mentioned the fixed locations for the dialog covers the design window. I suppose this would be okay if you were wanting to open it up in lightbox full width but not for replace product image. Also the drop down menu idea would then make the plugin mobile friendly. Just my thoughts...

+1 for the drop down menu option - this would make it much more clear what can be customized rather than having the customer just clicking on random art to find out.

I really don't like the floating menu. It should be clear what you can do as customer in just one view. 

Also, the floating menu is overlapping my menu. And it is in front of the "in cart" button. And the fixed position overlaps the design so i cannot use that

Awesome! thanks. This made it much faster to customize the look.

 

I think the fixed position is the answer :(

 

Is the idea from the topic starter still to be implemented or is the fixed position the asnwer?

hi, can i make the floating designer open from the start and not by clicking "add"?

Since version 2.1.0 you can set a fixed position to left or right.

When will this feature be implemented? 

That is so helpful thank you! Made a world of difference

 

Here is the code:


@media only screen and (min-width : 960px) {
.fpd-context-dialog {
left: 58%!important;
display: block;
}

Another member was nice enough to send me this CSS information. It sets the design element window to the right of the design window. It still needs some tweaking but is a good start. Hope that helps everyone.

 

This would be a useful feature, especially on mobile.  Sometimes in portrait mode the context window doesn't appear, but it does show up in landscape mode because it is to the side of the product stage. If a drop down is not possible, it would be nice to be able to fix the position of the context window using X/Y coordinates.


Another annoying aspect of the context window is it automatically pops up the keyboard on mobile devices to search for artwork.  The keyboard covers everything, and it results in some confusion when you first open the context window to add clip art.

Yes I agree with this recommendation. It would be easier for end users to be able to see all drop down options available as opposed to having to go back and forth. The floating boxes also interfere with the preview screen and you have to drag it out of the way. 

Login or Signup to post a comment