CODEWITHSUNDEEP
metro-ui-css
vkvaradha
vkvaradha

Reputation: 13

Metro UI Horizontal Accordin

I found how to make a vertical Accordion in Metro UI.

But I would like to make a horizontal one.

Is it possible? If so, how do I proceed please?

Upvotes: 1

Views: 144

Answers (1)

Estarossa
Estarossa

Reputation: 605

if I understood correctly then in the link you provided by adding the following css to the first div.cell:

.cell{width: 100%;}/*the div container containing the frame classes*/
.frame{float: left;}
.frame .heading, .frame .content{width: 200px;};/*you can choose the width you prefer but I guess they have to be the same width*/

you will get something like this: enter image description here

You could also enable overflow in the '.frame .content' class if need be. Hope it helps.

Upvotes: 1

Related Questions