Changing Arrow-Status

Permalink Browser Info Environment
Hi,

i would like to know if it's possible to change the status for an arrow-image/Font Awesome in front of the item-list. So if the item is closed, the arrows ist right. If the item is opend, the arrow should change to down, etc.

Is this possible? I didn't find the solution, while trying the existing CSS:

.simple-accordion-group.closed .simple-accordion-title-shell > *:before { font-family: "FontAwesome"; content: "\f0da"; margin-right: 8px; }
            .simple-accordion-group.open .simple-accordion-title-shell > *:before { font-family: "FontAwesome"; content: "\f0d7"; margin-right: 8px; }


Thanks for your help. Best regards,
Markus

Type: Pre-Sale
Status: In Progress
mediapowder
View Replies:
silentdrummer replied on at Permalink Reply
silentdrummer
Hey Markus,

not sure if you are still looking for it, but i achieved it with the following custom CSS:

.panel-group .panel-title a:before {
  content: "";
  display: block;
  position: absolute;
  left: -18px;
  margin-top: 15px;
  border: inset 5px;
  border-top-style: solid;
  border-color: rgba(0, 0, 0, .5) transparent transparent transparent;
}
.panel-group .panel-title a.collapsed:before {
  left: -15px;
  margin-top: 12px;
  border-color: transparent transparent transparent rgba(0, 0, 0, .5);
}


of course you will have to adjust the margin and left position to fit your layout. you can also change the color and transparency of the arrow by changing the rgba(0, 0, 0, .5) to anything else. in this case, it's 50% black.

The only problem which i encountered so far is, that the add-on doesn't set the "collapsed" class from the beginning if the initial state of the accordion is collapsed.
silentdrummer replied on at Permalink Reply
silentdrummer
[edit: ... sorry, this was a repost]

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.3.1
Version Installed - 5.7.3.1
Database Version - 20150109000000

# concrete5 Packages
Fruitful (1.1.1), Page Redirect (2.0), Page Selector Attribute (2.0), Vivid Simple Accordion (1.0.1).

# concrete5 Overrides
languages/da_DK, languages/de_DE, languages/el_GR, languages/fi_FI, languages/fr_FR, languages/it_IT, languages/ja_JP, languages/nl_NL, languages/ru_RU, languages/sl_SI, languages/sv_SE, languages/tr_TR, themes/Root, themes/ZZZ-Inhalt

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - If blocks on the particular page allow it.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.6.8

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, intl, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, shmop, SimpleXML, soap, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 50000
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 5000
memory_limit - 120M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 40M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.81 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.