Topic Closed
cs
80 Posts

Hi,

is there a fast way to add collapsable open/close icons to the acordeon function of Tabs plugin from "a2exfr"?

Thanks

CS

Edited: 3 years ago#9695

a2exfr
242 Posts
24.8K Downloads
2 Themes
10 Plugins

Hi

The fastest way is to add this css to your theme

a:focus {
    outline: none;
}


.panel-heading a {
display: inline-block;
width: 100%;
position: relative;
text-decoration:none;
}

.panel-title a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
}

.panel-title a.collapsed:after {
content: "\f196";
}

Also you need to edit Tabs.php file in your addon folder, find line 181 and change this

 echo '<a data-toggle="collapse" data-parent="#'.$t_id .'" href="#'.$t_id.$key.'">'.$item['title'].'</a>';

to this

 echo '<a class="collapsed" data-toggle="collapse" data-parent="#'.$t_id .'" href="#'.$t_id.$key.'">'.$item['title'].'</a>';
                     echo '</h4>';

 

With this you get "+" icon when panel closed, and "-" when panel opened.

 

3 years ago#9696

cs
80 Posts

Thanks,

works great!!! Do you have any plans to implement this as an option to the plugin (someday)?

Thanks again, cs

3 years ago#9699

a2exfr
242 Posts
24.8K Downloads
2 Themes
10 Plugins

Do you have any plans to implement this as an option to the plugin (someday)?

If you need some options or features in my plugins, you just need to ask for it)

Of course I will add this icon support for accordion.

3 years ago#9702

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register