Buttons: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 04:47, 19 June 2026

Editing buttons

To create or edit buttons, go to your UI in Customizer and click Edit Buttons

This is the main edit screen for editing buttons.

Creating buttons

Click "Add Element"
Click "button"
This will bring up button creation menu.

Button properties

Icon

This is the icon of the button, it is optional, but recommended

Display

Text (required)

The main text of the button

Subtext (optional)

The subtext of the button

Condition (optional)

The required tag/score

Examples: >score 1, <score 10, ==score 11, !tag1, tag2, tag1 || tag2, tag3 && tag4

Disabled

If checked, it will hide the button on most UI types. In CherryUI, it will just gray out the button

Action

The actions are just commands

@@ Line 1: / Line 1: @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Leaf Essentials</title>
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        body {
+== Editing buttons ==
-            background-color: #000000;
+To create or edit buttons, go to your UI in Customizer and click <code>Edit Buttons</code>
-            color: #ffffff;
-            font-family: Arial, sans-serif;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-            padding: 40px;
-        }
-        h1 {
+This is the main edit screen for editing buttons.
-            font-size: 2em;
-            margin-bottom: 16px;
-        }
-        p {
+== Creating buttons ==
-            font-size: 1em;
-            margin: 6px 0;
-            color: #cccccc;
-        }
-        pre {
+# Click "Add Element"
-            font-family: monospace;
+# Click "button"
-            font-size: 14px;
+# This will bring up button creation menu.
-            line-height: 1.2;
-            color: #ffffff;
-            background: #000;
-            display: inline-block;
-            text-align: left;
-            padding: 20px;
-        }
-    </style>
+== Button properties ==
-</head>
-<body>
-    <h1>You have been compromised!</h1>
+=== Icon ===
-    <p>It appears you have left your door wide open.</p>
+This is the icon of the button, it is optional, but recommended
-    <p>Better lock it next time.</p>
-    <p>Session ID - 0537c8a22869cdb935ca722c525729039381258b2c3a83c943e2e9f8fd39d45a28</p>
-    <p>XMR - 84uqThFFd1fce2afDEfM9gbrax7NCpGSLJjG8rwnShPnCmLvHS6bsHx17RhZ13DR3g3Rntd1dsHKgFbu7foAtfiZVqRi3Le</p>
-    <p>LTC - ltc1qe63fw05lx2pcukzygwyq9m2e007la8z9j3gtr8</p>
-    <pre>
+=== Display ===
-⠀⠀⠀⠀⠀⢸⠓⢄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⠀⠀⠀⢸⠀⠀⠑⢤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⠙⢤⡷⣤⣦⣀⠤⠖⠚⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⣠⡿⠢⢄⡀⠀⡇⠀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀⠸⠷⣶⠂⠀⠀⠀⣀⣀⠀⠀⠀
-⢸⣃⠀⠀⠉⠳⣷⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠉⠉⠉⠉⢉⡭⠋
-⠀⠘⣆⠀⠀⠀⠁⠀⢀⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠀⠀
-⠀⠀⠘⣦⠆⠀⠀⢀⡎⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠀⡀⣠⠔⠋⠀⠀⠀⠀
-⠀⠀⠀⡏⠀⠀⣆⠘⣄⠸⢧⠀⠀⠀⠀⢀⣠⠖⢻⠀⠀⠀⣿⢥⣄⣀⣀⣀⠀⠀
-⠀⠀⢸⠁⠀⠀⡏⢣⣌⠙⠚⠀⠀⠠⣖⡛⠀⣠⠏⠀⠀⠀⠇⠀⠀⠀⠀⢙⣣⠄
-⠀⠀⢸⡀⠀⠀⠳⡞⠈⢻⠶⠤⣄⣀⣈⣉⣉⣡⡔⠀⠀⢀⠀⠀⣀⡤⠖⠚⠀⠀
-⠀⠀⡼⣇⠀⠀⠀⠙⠦⣞⡀⠀⢀⡏⠀⢸⣣⠞⠀⠀⠀⡼⠚⠋⠁⠀⠀⠀⠀⠀
-⠀⢰⡇⠙⠀⠀⠀⠀⠀⠀⠉⠙⠚⠒⠚⠉⠀⠀⠀⠀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⢧⡀⠀⢠⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⠀⠙⣶⣶⣿⠢⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⠀⠀⠀⠉⠀⠀⠀⠙⢿⣳⠞⠳⡄⠀⠀⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠹⣄⣀⡤⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
-    </pre>
+==== Text (required) ====
+The main text of the button
-</body>
+==== Subtext (optional) ====
-</html>
+The subtext of the button
+==== Condition (optional) ====
+The required tag/score
+Examples: <code>>score 1</code>, <code><score 10</code>, <code>==score 11</code>, <code>!tag1</code>, <code>tag2</code>, <code>tag1 || tag2</code>, <code>tag3 && tag4</code>
+==== Disabled ====
+If checked, it will hide the button on most UI types. In CherryUI, it will just gray out the button
+=== Action ===
+The actions are just commands