ST Image Selector - ironmonk88/monks-module-wiki GitHub Wiki
A button that provides a Show Dialog UI that is auto-populated with the tile's saved images, allowing for easy selection.
Click here to view the Show Dialog HTML
Copy & paste the code block into the Show Dialog's content field.
<style>
.imgSelector {
display: flex;
flex-wrap: wrap;
overflow-y: scroll;
overflow-x: clip;
justify-content: center;
align-items: center;
position: absolute;
height: calc( 100% - 79px );
width: 100%;
}
.imgItem {
flex: 1;
min-width: 79px;
max-width: 79px;
max-height: 79px;
margin: 1px;
}
.imgBtn {
border: none;
background: rgb(0,0,0,0);
display: flex;
justify-content: center;
align-items: center;
}
.imgBtn.imgBtnActive {
border: 2px solid orange;
}
.btnImg {
border: none;
}
</style>
<script>
$( '.imgBtn' ).on( 'click', function() {
$( '.imgBtn' ).removeClass( 'imgBtnActive' );
$( this ).addClass( 'imgBtnActive' );
});
</script>
<form>
<div class="imgSelector">
<input type="hidden" id="imgNum" name="img" />
{{#each tile.flags.monks-active-tiles.files }}
<div class="imgItem">
<button class="imgBtn imgBtnInactive" id="btn{{ @index }}" onclick="$( '#imgNum' ).val( {{ @index}} + 1)">
<img class="btnImg" src="{{ name }}">
</button>
</div>
{{/each}}
</div>
</form>
Click here to view Tile Template JSON Data
Copy & paste this into Notepad and save it as a .JSON file. Then import it using MATT's Tile Templates.
{
"width": 100,
"height": 100,
"texture": {
"src": "icons/weapons/swords/greatsword-blue.webp",
"scaleX": 1,
"scaleY": 1,
"tint": null,
"offsetX": 0,
"offsetY": 0,
"rotation": 0
},
"z": 100,
"rotation": 0,
"alpha": 1,
"overhead": false,
"roof": false,
"occlusion": {
"mode": 1,
"alpha": 0,
"radius": null
},
"flags": {
"monks-active-tiles": {
"active": true,
"record": false,
"restriction": "all",
"controlled": "all",
"trigger": [
"",
"dblclick"
],
"allowpaused": false,
"usealpha": false,
"pointer": false,
"vision": false,
"pertoken": false,
"minrequired": 0,
"cooldown": null,
"chance": 100,
"fileindex": 0,
"actions": [
{
"action": "dialog",
"data": {
"dialogtype": "custom",
"id": "img-selector",
"title": "Image Selector",
"showto": "trigger",
"closeNo": true,
"content": "<style>\n.imgSelector {\n\tdisplay: flex;\n\tflex-wrap: wrap; \n\toverflow-y: scroll;\n\toverflow-x: clip;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\theight: calc( 100% - 79px );\n\twidth: 100%;\n}\n\n.imgItem { \n\tflex: 1;\n\tmin-width: 79px; \n\tmax-width: 79px;\n\tmax-height: 79px;\n\tmargin: 1px;\n} \n\n.imgBtn {\n\tborder: none;\n\tbackground: rgb(0,0,0,0);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.imgBtn.imgBtnActive {\n\tborder: 2px solid orange;\n}\n\n.btnImg {\n\tborder: none;\n\t\n}\n</style>\n<script>\n$( '.imgBtn' ).on( 'click', function() {\n\t$( '.imgBtn' ).removeClass( 'imgBtnActive' );\n\t$( this ).addClass( 'imgBtnActive' );\n});\n</script>\n<form>\n<div class=\"imgSelector\">\n\t<input type=\"hidden\" id=\"imgNum\" name=\"img\" />\n\t{{#each tile.flags.monks-active-tiles.files }}\n\t\t<div class=\"imgItem\"> \n\t\t\t<button class=\"imgBtn imgBtnInactive\" id=\"btn{{ @index }}\" onclick=\"$( '#imgNum' ).val( {{ @index}} + 1)\">\n\t\t\t\t<img class=\"btnImg\" src=\"{{ name }}\">\n\t\t\t</button>\n\t\t</div> \n\t{{/each}}\n</div>\n</form>",
"file": "",
"options": "",
"width": "425",
"height": "325",
"buttons": [
{
"id": "D6Amw2mnvaY4E6nQ",
"name": "First",
"goto": "first"
},
{
"id": "2W9CWK5YzV7Z85Zx",
"name": "Previous",
"goto": "previous"
},
{
"id": "fq4F48lx03UoEmkP",
"name": "Selected",
"goto": "selected"
},
{
"id": "L3lXcb3D0yJNy33K",
"name": "Next",
"goto": "next"
},
{
"id": "EHazaIVknm7YCWVd",
"name": "Last",
"goto": "last"
}
],
"yes": "dynamic",
"no": "end"
},
"id": "9TpiqaSZ1gT5wSOZ"
},
{
"action": "anchor",
"data": {
"tag": "first",
"stop": true
},
"id": "W1uRxUgiEyxrv1jB"
},
{
"action": "tileimage",
"data": {
"entity": {
"id": "tile",
"name": "This Tile"
},
"select": "first",
"transition": "none",
"speed": 1,
"loop": 1
},
"id": "vQRi5zF7f3TdEw83"
},
{
"action": "anchor",
"data": {
"tag": "previous",
"stop": true
},
"id": "5eGSQ42NKdHAvF1C"
},
{
"action": "tileimage",
"data": {
"entity": {
"id": "tile",
"name": "This Tile"
},
"select": "previous",
"transition": "none",
"speed": 1,
"loop": 1
},
"id": "00E4EkNEqS0NLI3C"
},
{
"action": "anchor",
"data": {
"tag": "selected",
"stop": true
},
"id": "lqfGK7W6eVIk2HzW"
},
{
"action": "tileimage",
"data": {
"entity": {
"id": "tile",
"name": "This Tile"
},
"select": "{{ value.img }}",
"transition": "none",
"speed": 1,
"loop": 1
},
"id": "OiPJNS57hmYuf4Tp"
},
{
"action": "anchor",
"data": {
"tag": "next",
"stop": true
},
"id": "aLxblj41vDpmDcD9"
},
{
"action": "tileimage",
"data": {
"entity": {
"id": "tile",
"name": "This Tile"
},
"select": "next",
"transition": "none",
"speed": 1,
"loop": 1
},
"id": "YbhLymdI8thrVL8c"
},
{
"action": "anchor",
"data": {
"tag": "last",
"stop": true
},
"id": "bHWugcQHIEuQZK1G"
},
{
"action": "tileimage",
"data": {
"entity": {
"id": "tile",
"name": "This Tile"
},
"select": "last",
"transition": "none",
"speed": 1,
"loop": 1
},
"id": "CRkF40OPJWp3XFwC"
}
],
"files": [
{
"id": "83QAS6u9ngLFNaq0",
"name": "icons/weapons/swords/greatsword-blue.webp",
"selected": true
},
{
"id": "PGVihICFyHaOacNh",
"name": "icons/weapons/swords/greatsword-crossguard-barbed.webp",
"selected": false
},
{
"id": "NJn4DCvnIq6aRYrg",
"name": "icons/weapons/swords/greatsword-crossguard-blue.webp",
"selected": false
},
{
"id": "4JppeLbPbs30RAE1",
"name": "icons/weapons/swords/greatsword-crossguard-curved.webp",
"selected": false
},
{
"id": "u6zQd8ZLvsirtpeH",
"name": "icons/weapons/swords/greatsword-crossguard-embossed-gold.webp",
"selected": false
},
{
"id": "Av0a3Qg2X7vYj7FW",
"name": "icons/weapons/swords/greatsword-crossguard-engraved-green.webp",
"selected": false
},
{
"id": "dvLVveqaq4f6j0c1",
"name": "icons/weapons/swords/greatsword-crossguard-flanged-purple.webp",
"selected": false
},
{
"id": "6M3M9ACAmG0w3YiX",
"name": "icons/weapons/swords/greatsword-crossguard-flanged-red.webp",
"selected": false
},
{
"id": "I9rd41U7evqKqlbD",
"name": "icons/weapons/swords/greatsword-crossguard-flanged.webp",
"selected": false
},
{
"id": "3Zak2oeNwWeklmy9",
"name": "icons/weapons/swords/greatsword-crossguard-silver.webp",
"selected": false
},
{
"id": "ThBNnp82sgZXPMdL",
"name": "icons/weapons/swords/greatsword-crossguard-steel.webp",
"selected": false
},
{
"id": "coSSufBPB9s6tK8r",
"name": "icons/weapons/swords/greatsword-evil-green.webp",
"selected": false
},
{
"id": "Zm4JH7IZnIiyK5Ug",
"name": "icons/weapons/swords/greatsword-flamberge.webp",
"selected": false
},
{
"id": "cuUVYlVKyAFCcW6L",
"name": "icons/weapons/swords/greatsword-guard-gem-blue.webp",
"selected": false
},
{
"id": "nXIXuLXDpKdbZSaA",
"name": "icons/weapons/swords/greatsword-guard-gold-worn.webp",
"selected": false
},
{
"id": "RQLGyAAkDDEFsiSb",
"name": "icons/weapons/swords/greatsword-guard-gold.webp",
"selected": false
},
{
"id": "PnzaDcSE6l5ZgOHC",
"name": "icons/weapons/swords/greatsword-guard-jewel-green.webp",
"selected": false
},
{
"id": "rJn4ZGLrp4IzvJsm",
"name": "icons/weapons/swords/greatsword-guard-split-eyes.webp",
"selected": false
},
{
"id": "0xCP3H263QBrQd9J",
"name": "icons/weapons/swords/greatsword-guard.webp",
"selected": false
},
{
"id": "q0il3u2ujFABTvqs",
"name": "icons/weapons/swords/greatsword-sheathed.webp",
"selected": false
},
{
"id": "IxQJz5dAC7RNqe0z",
"name": "icons/weapons/swords/scimitar-blue.webp",
"selected": false
},
{
"id": "pvrPEhRnUmCq5hn5",
"name": "icons/weapons/swords/scimitar-bone.webp",
"selected": false
},
{
"id": "4TxFFkEnpcUdKEsK",
"name": "icons/weapons/swords/scimitar-broad.webp",
"selected": false
},
{
"id": "wS8ZB8MIlcvds3Tn",
"name": "icons/weapons/swords/scimitar-guard-brown.webp",
"selected": false
},
{
"id": "O49QlvSCUixawwMb",
"name": "icons/weapons/swords/scimitar-guard-gold.webp",
"selected": false
},
{
"id": "4ubVquSfYx0FVs7v",
"name": "icons/weapons/swords/scimitar-guard-red.webp",
"selected": false
},
{
"id": "jVfuerDtBaZnoMRS",
"name": "icons/weapons/swords/scimitar-guard-wood.webp",
"selected": false
},
{
"id": "0T76Rm9vwR4wGesB",
"name": "icons/weapons/swords/scimitar-guard.webp",
"selected": false
},
{
"id": "K03SnTS3kJVkOxNq",
"name": "icons/weapons/swords/scimitar-worn-blue.webp",
"selected": false
},
{
"id": "xLJu7T5Fkeob0qCj",
"name": "icons/weapons/swords/shortsword-broad-blue.webp",
"selected": false
},
{
"id": "nOTNmpnKPNwKr43K",
"name": "icons/weapons/swords/shortsword-broad-engraved.webp",
"selected": false
},
{
"id": "jURCTwZNC1tp2TOX",
"name": "icons/weapons/swords/shortsword-broad.webp",
"selected": false
},
{
"id": "wVGl5w61SY9ix8qx",
"name": "icons/weapons/swords/shortsword-green.webp",
"selected": false
},
{
"id": "dyj4O6Mw4kYflLOd",
"name": "icons/weapons/swords/shortsword-guard-brass.webp",
"selected": false
},
{
"id": "HstWKrTBBJc68KAr",
"name": "icons/weapons/swords/shortsword-guard-brown.webp",
"selected": false
},
{
"id": "XdFmtX8GXMweTXqQ",
"name": "icons/weapons/swords/shortsword-guard-gold-red.webp",
"selected": false
},
{
"id": "MwN7EWb7pC0PiDmC",
"name": "icons/weapons/swords/shortsword-guard-gold.webp",
"selected": false
},
{
"id": "5ClZuCfOiTOH233E",
"name": "icons/weapons/swords/shortsword-guard-green.webp",
"selected": false
},
{
"id": "KHXBzL9qgngFrKFc",
"name": "icons/weapons/swords/shortsword-guard-silver.webp",
"selected": false
},
{
"id": "GddgMFybBVFpk0rR",
"name": "icons/weapons/swords/shortsword-guard-steel-worn.webp",
"selected": false
},
{
"id": "K5hCIqtyXUEDJdXz",
"name": "icons/weapons/swords/shortsword-guard-worn.webp",
"selected": false
},
{
"id": "h0UhX5oa6OHFMA2f",
"name": "icons/weapons/swords/shortsword-guard.webp",
"selected": false
},
{
"id": "PBELNjxvfpuzMaUl",
"name": "icons/weapons/swords/shortsword-hooked-blue.webp",
"selected": false
},
{
"id": "z5w5iSLVMvO8Dtgg",
"name": "icons/weapons/swords/shortsword-sheathed-brown.webp",
"selected": false
},
{
"id": "rr2AZVP6IpDHG0Cq",
"name": "icons/weapons/swords/shortsword-simple.webp",
"selected": false
},
{
"id": "s1co0CpGIwNKCrRu",
"name": "icons/weapons/swords/shortsword-winged.webp",
"selected": false
},
{
"id": "ZsYKeawYMO3wrtjl",
"name": "icons/weapons/swords/sword-arcane.jpg",
"selected": false
},
{
"id": "HCtdgQEaefcllFkj",
"name": "icons/weapons/swords/sword-bastard.jpg",
"selected": false
},
{
"id": "El5UzGz6XyF8rJik",
"name": "icons/weapons/swords/sword-broad-crystal-paired.webp",
"selected": false
},
{
"id": "GhOTxAzknFr5Ryw0",
"name": "icons/weapons/swords/sword-broad-red.webp",
"selected": false
},
{
"id": "vcN43bdHny6kkWjT",
"name": "icons/weapons/swords/sword-broad-serrated-blue.webp",
"selected": false
},
{
"id": "qgFHMOv0LfB2JhSM",
"name": "icons/weapons/swords/sword-broad-worn.webp",
"selected": false
},
{
"id": "dKAy4XmhTzn9MsRH",
"name": "icons/weapons/swords/sword-curved.jpg",
"selected": false
},
{
"id": "x9XIOzQebCcYDcHK",
"name": "icons/weapons/swords/sword-death.jpg",
"selected": false
},
{
"id": "pOZ6t6E85mtgChHU",
"name": "icons/weapons/swords/sword-fire.jpg",
"selected": false
},
{
"id": "S00ixsDDOQVq98b3",
"name": "icons/weapons/swords/sword-flamberge.webp",
"selected": false
},
{
"id": "9Y6ZBbNRoJRiQwWC",
"name": "icons/weapons/swords/sword-flanged-lightning.webp",
"selected": false
},
{
"id": "zOvpUhMiXdiChkei",
"name": "icons/weapons/swords/sword-gold-holy.webp",
"selected": false
},
{
"id": "qvcuU23l302CF5Mx",
"name": "icons/weapons/swords/sword-great.jpg",
"selected": false
},
{
"id": "RvJrBez5VozOnc53",
"name": "icons/weapons/swords/sword-guard-blue.webp",
"selected": false
},
{
"id": "dEF4uPiwHHr5YudU",
"name": "icons/weapons/swords/sword-guard-brass-worn.webp",
"selected": false
},
{
"id": "xpQrvAYbxM499gjS",
"name": "icons/weapons/swords/sword-guard-bronze.webp",
"selected": false
},
{
"id": "595kvPnBNnzWcnes",
"name": "icons/weapons/swords/sword-guard-brown.webp",
"selected": false
},
{
"id": "3OLvJxQijj9fzvFw",
"name": "icons/weapons/swords/sword-guard-embossed-green.webp",
"selected": false
},
{
"id": "nPpaKH7BaiZ7x6WP",
"name": "icons/weapons/swords/sword-guard-engraved-worn.webp",
"selected": false
},
{
"id": "w6eGbl39RYWAI4F4",
"name": "icons/weapons/swords/sword-guard-engraved.webp",
"selected": false
},
{
"id": "tirBOICEDFp05ByP",
"name": "icons/weapons/swords/sword-guard-flanged-purple.webp",
"selected": false
},
{
"id": "RVqxY6NzIBooRiAo",
"name": "icons/weapons/swords/sword-guard-flanged.webp",
"selected": false
},
{
"id": "JcycdPpa5atPJzo8",
"name": "icons/weapons/swords/sword-guard-gold-red.webp",
"selected": false
},
{
"id": "7oc5YdNKGpUulewV",
"name": "icons/weapons/swords/sword-guard-purple.webp",
"selected": false
},
{
"id": "2qdSh1ZjrN4RKEWR",
"name": "icons/weapons/swords/sword-guard-red-jewel.webp",
"selected": false
},
{
"id": "S6oA3rA8Bg4XrOYQ",
"name": "icons/weapons/swords/sword-guard-red.webp",
"selected": false
},
{
"id": "6ghRSqcSyT4jZ20O",
"name": "icons/weapons/swords/sword-guard-serrated.webp",
"selected": false
},
{
"id": "8FMTZel64lgEH0MA",
"name": "icons/weapons/swords/sword-guard-steel-green.webp",
"selected": false
},
{
"id": "NiZmb4L0p6D87lSI",
"name": "icons/weapons/swords/sword-guard-worn-brown.webp",
"selected": false
},
{
"id": "sKJLKIcdAJV2bN3T",
"name": "icons/weapons/swords/sword-guard-worn-gold.webp",
"selected": false
},
{
"id": "DMaCrUWvvmzhZdrZ",
"name": "icons/weapons/swords/sword-guard-worn-purple.webp",
"selected": false
},
{
"id": "ibJ6BFumeyFrnSWF",
"name": "icons/weapons/swords/sword-guard-worn.webp",
"selected": false
},
{
"id": "BpTW7itTgeQ8C9uU",
"name": "icons/weapons/swords/sword-guard.webp",
"selected": false
},
{
"id": "JNApEzQFkmFVHfmx",
"name": "icons/weapons/swords/sword-hilt-steel-green.webp",
"selected": false
},
{
"id": "a0J59fjlRyTBQgJ2",
"name": "icons/weapons/swords/sword-hooked-engraved.webp",
"selected": false
},
{
"id": "nJOLvnasR2okanVB",
"name": "icons/weapons/swords/sword-hooked-worn.webp",
"selected": false
},
{
"id": "nO3hLEq5qK7lrg83",
"name": "icons/weapons/swords/sword-hooked.webp",
"selected": false
},
{
"id": "j44IK9wlaWTSyKwJ",
"name": "icons/weapons/swords/sword-ice.jpg",
"selected": false
},
{
"id": "ujv5aBVZR7iklyjF",
"name": "icons/weapons/swords/sword-jeweled-red.webp",
"selected": false
},
{
"id": "l9fZ4ljRWC3JHKzU",
"name": "icons/weapons/swords/sword-katana-purple.webp",
"selected": false
},
{
"id": "IVfb9N2vXAgakdHd",
"name": "icons/weapons/swords/sword-katana.webp",
"selected": false
},
{
"id": "csRjwVvjUkBw05Vo",
"name": "icons/weapons/swords/sword-long.jpg",
"selected": false
},
{
"id": "KcsEPgbvJRDgFdAU",
"name": "icons/weapons/swords/sword-machete-white.webp",
"selected": false
},
{
"id": "sWuxA2fLhggID50V",
"name": "icons/weapons/swords/sword-ringed-engraved.webp",
"selected": false
},
{
"id": "zlbziROAUabuOxnJ",
"name": "icons/weapons/swords/sword-runed-glowing.webp",
"selected": false
},
{
"id": "yhXAItkNWO02VYxg",
"name": "icons/weapons/swords/sword-short.jpg",
"selected": false
},
{
"id": "bozKIH15bu9pKYEu",
"name": "icons/weapons/swords/sword-simple-white.webp",
"selected": false
},
{
"id": "Xhi4VvJp2FD6gq66",
"name": "icons/weapons/swords/sword-winged-pink.webp",
"selected": false
},
{
"id": "imHCMv6T5ScuEkrX",
"name": "icons/weapons/swords/swords-cutlasses-white.webp",
"selected": false
},
{
"id": "TN8bhPu0hTFIGTpZ",
"name": "icons/weapons/swords/swords-sharp-worn.webp",
"selected": false
},
{
"id": "KqT3D0LPGt0R1JiU",
"name": "icons/weapons/swords/swords-short.webp",
"selected": false
}
]
},
"tagger": {},
"exportSource": {
"world": "module-assembly",
"system": "pf2e",
"coreVersion": "11.315",
"systemVersion": "5.13.3"
}
},
"hidden": false,
"locked": false,
"video": {
"loop": true,
"autoplay": true,
"volume": 0
},
"id": "S36xkTjK8GFJ0G18",
"name": "Image_Selector",
"visible": true,
"img": "icons/weapons/swords/greatsword-blue.webp",
"thumbnail": "icons/weapons/swords/greatsword-blue.webp"
}
MATT 11.21
If you have module questions or concerns, please feel free to contact me on Discord. ironmonk88
This wiki is being maintained by crow_guard. If you have questions, want to see something added to the wiki, find a broken link or out-dated information, just message me and I'll fix it.
Or come over to Ironmonk's Discord channel. https://discord.gg/MStYmeRfn3
If you like Monk's mods and feel like being generous, stop by Monk's Patreon.
Or
Not necessary but definitely appreciated.
If you find the wiki helpful and feel like being generous, stop by Crow's Ko-Fi.
Also not necessary but greatly appreciated.
Many of the assets shown in the tutorial images & GIFs are from https://www.forgotten-adventures.net/.