WpTrunk

Tag: physics

  • Simply Choose (Miscellaneous)

    Purchase $10.00

    This plugin provides a select button for every use.
    You can customize the color of the button and all icons.
    We added the ability of a callback function that runs on change.
    The user has to choose the icons from the font awesome collection.

    The user is only 4 steps away from his goal.

    STEP 1

    import font awesome icons
    <link rel=”stylesheet” href=”//cdnjs.cloudflare.com/ajax/libs/font-
    awesome/4.6.3/css/font-awesome.min.css” media=”screen” title=”font
    awesome”>

    STEP 2

    import react
    <script src=”//unpkg.com/react/dist/react-with-addons.min.js”
    charset=”utf-8”></script>
    <script src=”//unpkg.com/react-dom/dist/react-dom.min.js”
    charset=”utf-8”></script>

    STEP 3

    import CASelectFrom files
    <link rel=”stylesheet” href=”plugin/CASelectFrom.css”>
    <script src=”plugin/CASelectFrom.js” charset=”utf-8”></script>

    STEP 4

    use it

    new CA_select(
    selector: document.getElementById(‘select1’),
    bgColor: ”#ffffff”,
    iconColor: ”#03A9F4”,
    items: [
    class: “fa-bicycle”,
    class: “fa-bus”,
    class: “fa-train”,
    ],
    callback: true,
    change: function(return)
    console.log(return);
    ,
    );

    FILES INCLUDED

    1. CASelectFrom.css
    2. CASelectFrom.js
    3. CASelectFrom.min.css
    4. CASelectFrom.min.js
    5. documentation.pdf

    For the use of preview we used Raleway google font
    https://fonts.google.com/specimen/Raleway

    Purchase $10.00