Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Format price box in BYO


I would like to format the price box in the BYO section of my ACBC study, since I got feedback that people think they are able to edit the price shown.

Is it possible to make the boxes transparent or adjust their background color / border?

Thanks for your help!
asked Jan 18 by straubad (225 points)

1 Answer

+1 vote
Best answer
Absolutely.  Let's start by adding this CSS to the BYO as a baseline:

.acbc_byo .acbc_byo_price_box.numeric_input {
    opacity: 0.3;
    background-color: gray;
    border-color: black;
    border-width: 4px;

Line 3 is what makes the boxes more transparent.  You can adjust the value between 0 and 1.

Lines 4 and 5 define the color of the background and the color of the border.  These can be set with any named color recognized by CSS, or with a hex code like "#F4F4F4".  Either line can be removed to stick with the default.

Line 6 defines the width of the border.  Again, you can remove this if you don't want it.

Additionally, adding this script to your BYO should prevent respondents from clicking into the textbox:

    $('.acbc_byo_price_box').prop('disabled', true);
answered Jan 20 by Zachary Platinum Sawtooth Software, Inc. (144,125 points)
selected Jan 20 by straubad