Archived topic

What is this kind of element called?

6 replies · Started by Peter on February 9, 2021

Viewing posts 1–7 of 7

February 9, 2021 at 12:32 pm #1652197

Hi, can anybody tell me what this kind of element is called? I am talking about these "tabs" here at https://www.upslide.net/en/ (scroll down a little bit until you see "PowerPoint, Excel and Word perfectly reworked to suit you"). On the left there should be three boxes and if you click on one of them the content on the right changes accordingly.

Are there any good plugins or pure CSS solutions (preferred) for this kind of element. I think it might be called a tabbed slider but I am not sure.

Thanks!

February 9, 2021 at 12:36 pm #1652200

Here is another example at https://www.keycdn.com/ (scroll down to "Develop with ease
Complete account control with our RESTful API.")

February 9, 2021 at 12:46 pm #1652212

Hi there,

You could try searching for an Accordion plugin :)

The first example you found is quite a fancy one though - I'd assume it's a complete custom coded solution.

Hope this helps :)

February 9, 2021 at 2:27 pm #1652298

Thanks! I have follow-up question: I found this accordion: https://codepen.io/morimiko/pen/prMyrO

It works well within GP Premium. Only issue is that this code is manipulating the "input" and "label" in the CSS. So it also changes the inputs and labels of my contact form which I want to avoid.

Any idea how I need to change the CSS of the accordion to not affect my contact form?

Thanks!

February 9, 2021 at 4:29 pm #1652371

Hmm I think you could try adding the .wrapper class in front of the input and label selectors.

February 10, 2021 at 12:30 am #1652597

This works perfectly! Thanks!

February 11, 2021 at 10:42 am #1654870

No problem :)

This archived topic is closed to new replies.

Start building better websites today.