Canvas Support

Active state for toggles

6 replies·opened Feb 14, 2017
S
SemiColonWebSTAFFFeb 15, 2017

Hello,

This is Definitely Possible. You can simply use the following CSS code to edit the BG Color: 

.toggle .toggleta { background-color: #EEE; }

You can add more codes to this to add Additional Styling. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

J
johnjohnFeb 18, 2017

Thank you

But what about the accordion?
How to change background color when the title is active/clicked

J
johnjohnFeb 23, 2017

any ideas?

S
SemiColonWebSTAFFFeb 23, 2017

Hello,

Try the following CSS Code: 

.accordion .acctitlec { background-color: #EEE; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

J
johnjohnFeb 24, 2017

When i look at the Bootstrap accordion, it uses:

<div class="panel-group nobottommargin" id="accordion">
    <div class="panel panel-default">
	<div class="panel-heading">

How to give the active title a background color then?
Thank you

S
SemiColonWebSTAFFFeb 28, 2017

Hello,

This is currently not supported with the Bootstrap Accordion as it does not apply an Active Class to the Opened Accordion Items.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard