pyxl.es UI

Tabbed Content Sections

This is completely free to use but requires pro plus .

pyxl.es UI

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet posuere urna. Praesent varius turpis nulla, ac vestibulum diam laoreet vitae. Ut nec porta nibh. Cras pretium lacus congue, congue sem ut, elementum metus. Vestibulum purus purus, pulvinar non nunc sit amet, posuere tincidunt dolor. Mauris sed velit aliquam, pharetra mi sit amet, luctus nibh. Aliquam erat volutpat. Cras in facilisis lorem.

pyxl.es UI

Maecenas interdum at ipsum a commodo. Nulla aliquam felis vitae quam pharetra, vitae rutrum tortor semper. Cras ultrices pellentesque turpis, eu tristique orci laoreet in. Aliquam erat volutpat. Sed ultricies velit justo, quis rutrum velit auctor eu. Etiam sed velit ligula. Ut hendrerit tincidunt ligula, eget sodales odio facilisis in. Nullam et elit non ex consequat pulvinar a at urna. Nulla facilisi. Mauris blandit vestibulum nisl ac finibus. Nulla in augue ac urna eleifend commodo. Suspendisse vitae neque sed ligula faucibus eleifend quis dapibus tortor. Proin sit amet vehicula arcu. Vivamus gravida et ex nec lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate dictum ullamcorper.

pyxl.es UI

Vivamus interdum turpis a lorem rhoncus, a viverra sapien lacinia. Pellentesque dapibus, mauris eget lobortis laoreet, velit lectus pellentesque turpis, non cursus turpis justo ac nisl. Nulla facilisi. Nam lacinia erat eu lacinia fermentum. Proin interdum neque non elit condimentum, a ultricies lorem pretium. Suspendisse vulputate diam molestie tempus sagittis. Quisque cursus auctor lorem, vel tristique turpis sagittis in. Etiam efficitur, ante at ultrices sollicitudin, justo libero elementum purus, sed rhoncus augue quam eget velit. Morbi suscipit mi eu diam cursus ultrices.

How it works:

1. Insert a buttons element , go to the advanced settings tab (gear icon) and add the class tabs.2. Add you buttons(tabs) and style them however you like.3. Add a container for each tab, go to the advanced settings tab (gear icon) and add the the class tab. You will also need to add another class that matches your button Label (in lowercase). Also add the class active to the container you wish to show up first. Note: spaces will be removed from the Label, so your classname should contain no spaces.4. Adjust the CSS embed to match the style of your buttons (tabs).