GitHub/Basalt
1
0
Fork 0
Code Issues 28 Pull Requests 3 Actions Packages Projects Releases 9 Wiki Activity

Update design.md

Browse Source
This commit is contained in:
Robert Jelic
2022-07-27 16:56:53 +02:00
committed by GitHub
parent 3e6fae3748
commit 90b450371a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/tips/design.md
View File

@@ -54,7 +54,7 @@ This is also possible with entire frames and its children objects. So keep that
## How To use XML ## How To use XML
Here is a example on how to create a cool looking frame by using xml: Here is a example on how to create a cool looking frame by using xml:
```xml ```xml
<frame width="50%" bg="gray" scrollable="true" importantScroll="true"> <frame width="parent.w/2" bg="gray" scrollable="true" importantScroll="true">
<button x="2" y="2" width="100%-2" bg="black" fg="lightGray" text="Example Button 1!"/> <button x="2" y="2" width="100%-2" bg="black" fg="lightGray" text="Example Button 1!"/>
<button x="2" y="6" width="100%-2" bg="black" fg="lightGray" text="Example Button 2!"/> <button x="2" y="6" width="100%-2" bg="black" fg="lightGray" text="Example Button 2!"/>
<button x="2" y="10" width="100%-2" bg="black" fg="lightGray" text="Example Button 3!"/> <button x="2" y="10" width="100%-2" bg="black" fg="lightGray" text="Example Button 3!"/>
@@ -63,8 +63,8 @@ Here is a example on how to create a cool looking frame by using xml:
<button x="2" y="22" width="100%-2" bg="black" fg="lightGray" text="Example Button 6!"/> <button x="2" y="22" width="100%-2" bg="black" fg="lightGray" text="Example Button 6!"/>
<button x="2" y="26" width="100%-2" bg="black" fg="lightGray" text="Example Button 7!"/> <button x="2" y="26" width="100%-2" bg="black" fg="lightGray" text="Example Button 7!"/>
</frame> </frame>
<frame x="50%+1" width="50%+1" bg="black"> <frame x="parent.w/2+1" width="parent.w/2+1" bg="black">
<textfield bg="gray" x="2" y="2" width="100%-2"> <textfield bg="gray" x="2" y="2" width="parent.w-2">
<lines> <lines>
<line>This is line 1.</line> <line>This is line 1.</line>
<line>And this is line 2.</line> <line>And this is line 2.</line>
@@ -79,4 +79,4 @@ local basalt = require("Basalt")
basalt.createFrame():addLayout("example.xml") basalt.createFrame():addLayout("example.xml")
basalt.autoUpdate() basalt.autoUpdate()
``` ```