Just Select

Description

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, or add custom images urls

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.7.0/css/font-awesome.min.css" media="screen" title="font
awesome">

STEP 2

import CASelectFrom javascript file


<script src="plugin/CASelectFrom.min.js" charset="utf-8"></script>

STEP 3

use it


new CA_select({
selector: document.getElementById('select1'),
bgColor: "#fff",
iconColor: "#03A9F4",
items: [
{ class: “fa-bicycle" },
{ class: “fa-bus" },
{ class: “fa-train” },
{ image: “https://image.freepik.com/free-icon/airplane-front-view_318-100256.png” },
],
callback: true,
change: function (return) {
console.log(return)
},
})

FILES INCLUDED

1. CASelectFrom.js

2. CASelectFrom.min.js

3. documentation.pdf

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

Vendor Information

  • Store Name: codearmada
  • Vendor: codearmada
  • No ratings found yet!
No product has been found!