Have an idea?

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

Hide $ symbol in BYO

Hi Team,

I need price box for only 1st attribute and not for other attributes. I can able to hide other attributes price box using below code

 <style>
#AllReg_BYO_price2 {display:none;}
#AllReg_BYO_price3 {display:none;}
#AllReg_BYO_price4 {display:none;}
#AllReg_BYO_price5 {display:none;}
#AllReg_BYO_price6 {display:none;}
#AllReg_BYO_price7 {display:none;}
#AllReg_BYO_price8 {display:none;}
#AllReg_BYO_price9 {display:none;}
#AllReg_BYO_price10 {display:none;}
#AllReg_BYO_price11 {display:none;}
#AllReg_BYO_price12 {display:none;}

</style>  


however, I see $ symbol (without price box) due to mentioning of $ symbol in the settings. Please help me to remove $ symbol from other columns.

Also, I want to remove price box and $ symbol from Total too.

Please help.

Thanks
Abdul
asked Aug 24, 2017 by Abdul Bronze (1,675 points)
retagged Oct 30, 2017 by Walter Williams

1 Answer

+1 vote
 
Best answer
Try this CSS:

<style>
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_1) .price_cell > table {
    display: none;
}
</style>
answered Aug 24, 2017 by Zachary Platinum Sawtooth Software, Inc. (95,875 points)
selected Aug 24, 2017 by Abdul
Awesome. It works great. Thank you so much Zachary.
Zachary, Could you please help me to show more than one price boxes. For example 1st, 3rd attributes price boxes and along with Total price box. This code may needed in future. I tried below codes but doesn't work.

<style>
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_1) .price_cell > table {
    display: none;
}
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_3) .price_cell > table {
    display: none;
#AllReg_BYO_div .inner_table > tbody > tr:not(:last-child) .price_cell > table {
    display: none;
}
}

</style>


Thanks
Your code is a good start, but won't work for this situation.  Your code is effectively interpreted as "hide all but the first item, then hide all but the third item."  So that first command results in the third item being hidden and the second command results in the first item being hidden - nothing is left visible.

Perhaps the easiest way to do this would be to hide all price cells and then re-show the relevant cells.  This will show the first, third, and last price cells:

<style>
.price_cell > table {
    display: none;
}

#AllReg_BYO_row_1 .price_cell > table {
    display: table;
}

#AllReg_BYO_row_3 .price_cell > table {
    display: table;
}

#AllReg_BYO_div .inner_table > tbody > tr:last-child .price_cell > table {
    display: table;
}
</style>
Thank you so much Zachary.
...