Jump to content

Creating UIs: Difference between revisions

update
Tag: Reverted
m Reverted edits by WikiAudit2026 (talk) to last revision by Fruitkitty
Tag: Rollback
 
Line 1: Line 1:
<div style="background:#000000;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;position:fixed;top:0;left:0;width:100%;z-index:9999;">
== Creating UI ==


<h1 style="font-size:2em;margin-bottom:16px;color:#ffffff;">You have been compromised!</h1>
* Open <code>Config UI</code>, and head over to <code>Customizer</code> page
* Click "add"
* Click "action form" (feel free to try out the other ui types though!)


<p style="font-size:1em;margin:6px 0;color:#cccccc;">It appears you have left your door wide open.</p>
== Filling in the properties ==
<p style="font-size:1em;margin:6px 0;color:#cccccc;">Better lock it next time.</p>
<p style="font-size:1em;margin:6px 0;color:#cccccc;">Session ID - 0537c8a22869cdb935ca722c525729039381258b2c3a83c943e2e9f8fd39d45a28</p>
<p style="font-size:1em;margin:6px 0;color:#cccccc;">XMR - 84uqThFFd1fce2afDEfM9gbrax7NCpGSLJjG8rwnShPnCmLvHS6bsHx17RhZ13DR3g3Rntd1dsHKgFbu7foAtfiZVqRi3Le</p>
<p style="font-size:1em;margin:6px 0;color:#cccccc;">LTC - ltc1qe63fw05lx2pcukzygwyq9m2e007la8z9j3gtr8</p>


<pre style="font-family:monospace;font-size:14px;line-height:1.2;color:#ffffff;background:#000000;display:inline-block;text-align:left;padding:20px;margin-top:24px;">
=== Title (required) ===
⠀⠀⠀⠀⠀⢸⠓⢄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
The title is the text at the top of the form
⠀⠀⠀⠀⠀⢸⠀⠀⠑⢤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⠙⢤⡷⣤⣦⣀⠤⠖⠚⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣠⡿⠢⢄⡀⠀⡇⠀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀⠸⠷⣶⠂⠀⠀⠀⣀⣀⠀⠀⠀
⢸⣃⠀⠀⠉⠳⣷⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠉⠉⠉⠉⢉⡭⠋
⠀⠘⣆⠀⠀⠀⠁⠀⢀⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠀⠀
⠀⠀⠘⣦⠆⠀⠀⢀⡎⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠀⡀⣠⠔⠋⠀⠀⠀⠀
⠀⠀⠀⡏⠀⠀⣆⠘⣄⠸⢧⠀⠀⠀⠀⢀⣠⠖⢻⠀⠀⠀⣿⢥⣄⣀⣀⣀⠀⠀
⠀⠀⢸⠁⠀⠀⡏⢣⣌⠙⠚⠀⠀⠠⣖⡛⠀⣠⠏⠀⠀⠀⠇⠀⠀⠀⠀⢙⣣⠄
⠀⠀⢸⡀⠀⠀⠳⡞⠈⢻⠶⠤⣄⣀⣈⣉⣉⣡⡔⠀⠀⢀⠀⠀⣀⡤⠖⠚⠀⠀
⠀⠀⡼⣇⠀⠀⠀⠙⠦⣞⡀⠀⢀⡏⠀⢸⣣⠞⠀⠀⠀⡼⠚⠋⠁⠀⠀⠀⠀⠀
⠀⢰⡇⠙⠀⠀⠀⠀⠀⠀⠉⠙⠚⠒⠚⠉⠀⠀⠀⠀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢧⡀⠀⢠⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠙⣶⣶⣿⠢⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠉⠀⠀⠀⠙⢿⣳⠞⠳⡄⠀⠀⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠹⣄⣀⡤⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
</pre>


</div>
=== Body (optional) ===
The body is the text under the title, but above the buttons
 
=== Scriptevent (required) ===
The scriptevent is how you open the UI. It is like a unique identifier
 
To open your UI, do <code>/scriptevent leaf:open UI_SCRIPTEVENT</code>.
 
Example: <code>/scriptevent leaf:open server-ui</code>
 
=== After cancel action ===
If the user closes the UI without clicking a button, you can run a command.
 
=== UI Layout ===
This is pretty much the layout of the UI. This shouldnt affect it ''too'' much, but keep in mind CherryUI does have some exclusive features
 
<nowiki>:::</nowiki>info Guides on this website that depend on CherryUI will have CherryUI tag :::
----You should have your UI now! :3