L5eoneill
dylancwood
/ tree.css
Last active
April 4, 2024 01:08
CSS to create a simple tree structure with connecting lines. No images or JS required.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ul.tree, ul.tree ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ul.tree ul { | |
| margin-left: 10px; | |
| } | |
| ul.tree li { | |
| margin: 0; |
ajaxray
/ select2-cascade.js
Last active
November 23, 2022 07:27
Making Select2 (4.x) list boxes cascading / dependent. Options of a select2 list box will be loaded/refreshed by ajax based on selection of another select2 list box.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A Javascript module to loadeding/refreshing options of a select2 list box using ajax based on selection of another select2 list box. | |
| * | |
| * @url : https://gist.github.com/ajaxray/187e7c9a00666a7ffff52a8a69b8bf31 | |
| * @auther : Anis Uddin Ahmad <anis.programmer@gmail.com> | |
| * | |
| * Live demo - https://codepen.io/ajaxray/full/oBPbQe/ | |
| * w: http://ajaxray.com | t: @ajaxray | |
| */ | |
| var Select2Cascade = ( function(window, $) { |