WP Cost Estimation & Payment Forms Builder Questions

[antoine_generau]

Hello,

I have some questions regarding the plugin WP Cost Estimation & Payment Forms Builder. I might be too specific for you to answer me. So please let me know in case I should ask the support of the plugin directly.

1. How can I display the amount of the estimation at a specific time, according to the options that have been selected (both with a number and the progress bar)? I know it is possible to display the progress bar at the top with the amount, but I am already using the steps progress bar and I want to keep it though. I also know it is possible to display the amount at the buttom of each step but I’d like to display it differently.

2. I have a the same step several elements to be selected. Some of them are in the same group (so that you can only select one of them). Some of them are not in any group, as you can select none or many of them. I’d like the user to be able to move to the next step, only if he has selected one element of the grouped element. However, if the user select one element of the non-grouped elements, he has the possibility to move to the next stop. Is there a way to change this?

3. When some elements are grouped together, you can only select one of them. Is it possible to do the same thing but with the condition that 3 elements have to be selected?

Thanks,
Antoine

[rad]

Hi Antoine,

Thanks for reaching out.

1. You mean to keep the progress bar that displays the steps while displaying the amount with it too? It’s not currently possible. It’s either steps or amount only.

2. It should be always grouped if the criteria or condition applies to all options, it’s similar to how radio options work. But, you can add multiple conditions as well, but regardless, it still the same as you group them.

Conditions allow you to control the steps regardless of elements grouping

3. It’s the purpose of grouping like radio options, you can only choose one. So please ungroup them if you intend to have multiple selections

Thanks

[antoine_generau]

Hello,

Thanks for the clarification. It doesn’t really help me as you just explained me that everything I tried to achieve was not possible. Well, I guess I will have to do it without.

[lely]

You are always welcome @Lecoqdigital.

In case you still have other questions or need help on other things, please feel free to post on the forum.

[antoine_generau]

Hello,

When an image item is selected, it turns bacl and white. Is there a way to disable this on one step in order to keep the color of the images? I have images that are all selected (and they should always be selected) but I like to display them with colors.

See below where the grey should be yellow…

I found out how to change it but the code I use apply to all the steps. How can I apply it only to one single step? Maybe using the following info data-stepid="66"? The code I use it the following:

#estimation_popup.wpe_bootstraped #mainPanel .genSlide div.selectable.checked .img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

Thanks,
Antoine

[rad]

Hi Antoine,

Would you mind providing the URL that has this form? For the meantime, please try this

[data-stepid="66"].checked, [data-stepid="66"] .checked .img, .checked [data-stepid="66"] img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

Thanks!

[antoine_generau]

Thanks for the code you provided. It’s working when adding !important.

[rad]

You’re most welcome!

[antoine_generau]

Hello,

I tried to deactivate the tootip on the images for one single step but it is not working. Could you please help me to fix it? (Note that the code is working when I do not add the step selection):

[data-stepid="64"].tooltip, [data-stepid="64"] .tooltip .img, .tooltip [data-stepid="64"] img {
  display:none !important;
}

Thanks,
Antoine

[ruenel]

Hi Antoine,

Could you please provide the url where we can find the form? We need to check it and see if you are adding the correct ID of the element or using the correct classes so that the css code will work.

Thanks.