Giter VIP home page Giter VIP logo

superboxfontawesome's Introduction

SuperBoxFontawesome

Select FontAwesome Icons in SuperBoxSelect

Features

This MODX Extra displays a selectable list of FontAwesome Icons in the SuperBoxSelect MODX Extra (https://modx.com/extras/package/superboxselect).

Usage

  • Install the Package via MODX Package Manager.
  • Edit a SuperBoxSelect template variable and the Type FontAwesome Icons is available.

Author

Documentation

For more information please read the documentation.

License

The project is licensed under the GPLv2 license.

superboxfontawesome's People

Contributors

dependabot[bot] avatar jako avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

kholodovz

superboxfontawesome's Issues

UI issues

Just a list of thing that I have noticed

Prefix missing from selection

I can select an icon from the list and in return I see the name of the icon (without the fa- prefix).

image

Searching for an icon requires the full icon name including prefix

Typing the name of an icon only returns a result if it is prefixed AND complete

image

image

Filter doesn't work

Searching for an icon should filter the number of results

image

Cheers,

Patrick

Missing files ?

Hi !

I have installed the transport package manually without problem and followed the instruction to use this addon, but when I try to use it on a TVs, the list is empty.
After anabling debug mode on SuperBoxSelect, I have found this error :

[2018-05-14 11:58:35] (ERROR @ /home/user/web/website.org/public_html/core/model/modx/modx.class.php : 1706) Processor /home/user/web/website.org/public_html/core/components/superboxfontawesome/processors/types/resources/getlist.php does not exist; Array
(
    [processors_path] => /home/user/web/website.org/public_html/core/components/superboxfontawesome/processors/
    [location] => 
    [action] => types/resources/getlist
)

It's look like at least a file is missing : /core/components/superboxfontawesome/processors/types/resources/getlist.php

What did I miss ?

fontawesome compatibility

Seems the current version is only compatible with version 4.x because the structure of icons.scss has been changed at some point the the past.

As the link to the default repository at https://raw.githubusercontent.com/FortAwesome/Font-Awesome/fa-4/scss/_icons.scss isn't available anymore, I recommend to download the latest version from fontawesome.com and install it locally (this also solves potential privacy issues...)

The latest 4.x version can be downloaded here: https://fontawesome.com/v4/assets/font-awesome-4.7.0.zip

Upload it into assets directory and add the full path of _icons.scss file to your fontawesome url settings.

Example:

https://example.com/assets/fonts/fontAwesome_v4.x/scss/_icons.scss

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.