Loading...

Search jQuery

Search

jQuery Forum

Collapsible set icon position

in jQuery Mobile • 11 years ago

Hi there

I could not find anything on this. Is it possible to position the plus/minus icon of a collapsible set on the right?

I tried using data-iconpos="right" but no luck. I want to have this icon on the right and another general icon on the left.

Any help would be much appreciated.

Thanks

Cris

2

Replies(2)

marylou_codrops

Re: Collapsible set icon position

11 years ago

I had some trouble with that too, since I tried to simply move the icon to the right side.

This is how I adapted the CSS for that span:

.ui-collapsible-heading a span.ui-btn {

position: absolute;

right: 6px;

top: 50%;

margin: -12px 0 0 0;

width: 20px;

height: 20px;

padding: 1px 0px 1px 2px;

text-indent: -9999px;

}

I changed the left to right. If you are designing a custom theme that overwrites the default classes, don't forget to add left:auto to the new style.

Hope it helps!

Mary Lou

Re: Collapsible set icon position

10 years ago

It's fixed in jQuery Mobile 1.1.0-rc.1.