Forum | Appery.io

ok, i already found the answer to the most recent problem of making the box under the collapsible transparent also. Fixed using .ui-collapsible-content { background: transparent !important;} in css. Great!

Still searching for - the swatch/theme issue above.

Thanks again!

You can create separate theme with swatches, but there is an easier way. As you need it only for collapsibleblock content you can create separate classes for transparent and not transparent background and apply these classes on page show event:
code$(".ui-collapsible-content").addClass('ui-collapsible-content-b');/code
or
code$(".ui-collapsible-content").addClass('ui-collapsible-content-a');/code

or you can use CSS:
code.ui-collapsible-content-a { background: transparent !important;}
.ui-collapsible-content-b { background: green !important;}/code

ok perfect! that should work great. thank you!

hello again,
i'm sorry but i was never able to get this to work for some strange reason, (likely of my own doing).

The following code works just fine when working with a single swatch throughout my project:
.ui-btn { background: transparent !important;}
.ui-collapsible-content { background: transparent !important;}

but when i add the "-a"
.ui-btn-a { background: transparent !important;}
.ui-collapsible-content-a { background: transparent !important;}

to make only the A swatch have transparency, it does not work.

after adding the "-a" - i then tried changing the swatch letter in every location i can find, i.e.
on the builder page :
Man_2_Eng / mobilecontainerman_2_eng / mobilecollapsblock_3 / mobilecollapsblockheader_4

I have tried changing the swatch to be "a" to match the transparency i set in css. i have tried doing so for each level - the page, the page container, the collapsible block, etc. - without success.

Please advise what simple thing am I overlooking?

Thanks so much.

• Matt

Hi Matt -

Please clarify what libraries version are you using in your project?

hi, thanks for the quick reply!
everything is appery default. i am trying to do this with the flat-ui theme.

my app is shared with appery support

Thanks we'll check it and we'll post an update here.
Please remind us the name of your App.

ok , sure. The app name is God Tools Thailand.

please note, currently, i have switched back to the default universal transparent css: .ui-btn { background: transparent !important;}
.ui-collapsible-content { background: transparent !important;}
because i could not get the swatch specific css to work.

thanks!

Hello Matt,

You can't use classes .ui-btn-a or .ui-collapsible-content-a because your elements don't have such classes: