Page 1 of 1

Collapsible css border

Posted: Wed Jun 04, 2014 4:39 pm
by laura6372139

I need that collapsible is border; transparent.

I add this code:

$("[name=mobilecollapsblock_60]").css('border','1px solid #ffffff');

$("[name=mobilecollapsblockheader_61]").css('border','0px solid #000000');

I would like this example:

http://jsfiddle.net/Gajotres/GNAXT/

But I don't get it.

Can I help me.

Laura


Collapsible css border

Posted: Wed Jun 04, 2014 7:01 pm
by Alena Prykhodko

Hello,

Instead of color numer (#ffffff) please use transparent.
Also please clearify your question, you can not apply your styles?


Collapsible css border

Posted: Thu Jun 05, 2014 8:55 am
by laura6372139

Hi Alena:

I need to have the collapsible transparent edge

I create a css and I try this code

Image

But I don't get that the border will be transparent.

Image

But I get:

border is grey:

Image


Collapsible css border

Posted: Thu Jun 05, 2014 4:45 pm
by Alena Prykhodko

Hi,

Please try this CSS code
pre

.ui-collapsible-content, .ui-collapsible-heading-toggle{
border: none !important;
}
/pre


Collapsible css border

Posted: Tue Jul 01, 2014 3:52 pm
by laura6372139

Hi,

Now I need the css code for checkbox is transparent.

Thanks!


Collapsible css border

Posted: Tue Jul 01, 2014 5:20 pm
by Kateryna Grynko

Hi Laura,

Use the following code:pre[data-role="fieldcontain"] label{
background:transparent !important;
}/pre


Collapsible css border

Posted: Wed Jul 02, 2014 2:50 pm
by laura6372139

Thanks Katya!

It's perfect!