Double add button multiplier

remove duplicate add button in ChronoForms multiplier.

Overview

The issue occurs when setting a Start Count in the multiplier settings, which causes an extra add button to appear.
Hide the duplicate button by adding a specific CSS class to the custom code element and using a Load CSS action with a display:none rule.

Answered
Yu Yudhizth 26 Jan, 2017
Dear all,

I have problem with multiplier layout, I'm using custom code to create add and remove button. But the add button is appear on top and button of multiplier, how to remove the top add button?

Thankyou
Gr GreyHead 26 Jan, 2017
Hi Yudhizth,

Your last image appears to be a Custom Code element that is showing an Add button - is that the extra one?

Bob
Yu Yudhizth 26 Jan, 2017
No, I just modified from the demo, and change the start count to 1.
Gr GreyHead 26 Jan, 2017
Answer
1 Likes
Hi Yudhizth,

This seems to happen when you set a Start Count in the Multiplier settings. I found a way to hide it with CSS.

In the Custom Code element add a class to the <span> like this
<span class="btn btn-success btn-sm multiplier-add-button x__N__x "><i class="fa fa-plus fa-lg"></i></span>


Add a Load CSS action in the On Load event in the Setup tab and drag it up before the HTML (render form) action and add this CSS
.gbs3 .x__N__x {
 display:none !important;
}

Bob
Yu Yudhizth 26 Jan, 2017
Thanks bob,

It works like a charm. 😀 😀
This topic is locked and no more replies can be posted.