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: 4 years ago#9695

a2exfr
242 Posts
26.3K 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.

 

4 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

4 years ago#9699

a2exfr
242 Posts
26.3K 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.

4 years ago#9702

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

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

More News

HH-Support

Company located in T├│rshavn, Faroe Islands. * Webpage Design * Consultant & Provider of a wide range of programs for visually impaired and dyslextics.

Find out more about our Provider Spotlight

Log In

  Register