Update

Author: bug7a

ex1.htm

@@ -55,8 +55,16 @@
 
         // BUTTON: First Button. Parameters: (left, top, width, height)
         btnBlue = createButton(40, 40, 180, 50)
-        that.text = "First Button"
+        that.text = "HELLO"
         that.minimal = 1
+        //that.round = 14
+        //that.border = 3
+        //that.borderColor = "rgba(0, 0, 0, 0.1)"
+        //that.buttonElement.style.fontFamily = "opensans-bold"
+        //that.fontSize = 22
+        //that.textColor = "rgba(0, 0, 0, 0.7)"
+        //that.width = "auto"
+        //that.spaceX = 20
         //that.color = "orangered"
 
         that.onClick(printHelloWorld)

index.htm

@@ -237,7 +237,7 @@
             // LABEL: Project #1 button.
             box.homePage.footer.btnGroup.btn2 = createLabel(0, 0, 121, 44)
             box.homePage.footer.btnGroup.add(that)
-            that.text = "Project #1"
+            that.text = "Project 1"
             footerButtonStyle(that)
             that.element.style.marginLeft = "10px"
             that.onClick(function() {
@@ -254,7 +254,7 @@
             // LABEL: Project #2 button.
             box.homePage.footer.btnGroup.btn3 = createLabel(0, 0, 121, 44)
             box.homePage.footer.btnGroup.add(that)
-            that.text = "Project #2"
+            that.text = "Project 2"
             footerButtonStyle(that)
             that.element.style.marginLeft = "10px"
             that.onClick(function() {
@@ -270,7 +270,7 @@
             // LABEL: ShowCase #1 button.
             box.homePage.footer.btnGroup.btn4 = createLabel(0, 0, 148, 44)
             box.homePage.footer.btnGroup.add(that)
-            that.text = "ShowCase #1"
+            that.text = "ShowCase 1"
             footerButtonStyle(that)
             that.element.style.marginLeft = "10px"
             that.onClick(function() {
@@ -286,7 +286,7 @@
             // LABEL: ShowCase #2 button.
             box.homePage.footer.btnGroup.btn5 = createLabel(0, 0, 148, 44)
             box.homePage.footer.btnGroup.add(that)
-            that.text = "ShowCase #2"
+            that.text = "ShowCase 2"
             footerButtonStyle(that)
             that.element.style.marginLeft = "10px"
             that.onClick(function() {

library/basic.js

@@ -130,14 +130,16 @@ basic.start = function () {
     page.bodyElement.style.overflow = "hidden";
     page.box = createBox(0, 0, page.width, page.height);
     that.element.style.position = "fixed";
+    //that.element.style.width = "100%";
+    //that.element.style.height = "100%";
     that.color = "transparent";
 
     page.onResize(function() {
         if (typeof page.refreshSize === "function") {
             page.refreshSize();
         }
     });
-
+    
     if (typeof start === "function") {
         start();
         basic.afterStart();
@@ -280,17 +282,17 @@ basic.date = {
         let dt = new Date();
         return dt.getFullYear();
     },
-    get mountNumber() {
+    get monthNumber() {
         let dt = new Date();
-        let mouth = dt.getMonth();
-        mouth++;
-        return mouth;
+        let month = dt.getMonth();
+        month++;
+        return month;
     },
     get ayAdi() {
-        return basic.aylar[this.mountNumber - 1];
+        return basic.aylar[this.monthNumber - 1];
     },
-    get mountName() {
-        return basic.months[this.mountNumber - 1];
+    get monthName() {
+        return basic.months[this.monthNumber - 1];
     },
     get dayNumber() {
         let dt = new Date();
@@ -1063,6 +1065,15 @@ class Button extends Basic_UIComponent {
         }
     }
 
+    get spaceX() {
+        return parseInt(this.contElement.style.paddingLeft) || 0;
+    }
+
+    set spaceX($value) {
+        this.contElement.style.paddingLeft = $value + "px";
+        this.contElement.style.paddingRight = $value + "px";
+    }
+
     onClick($func) {
         this.clickable = 1;
         this._addEventListener("click", $func, this.buttonElement);
@@ -2025,6 +2036,7 @@ basic.resizeDetection.whenDetected = new ResizeObserver(function(entries) {
 })
 
 // When content is loaded,
+
 window.addEventListener("load", function () {
-    basic.start()
+    basic.start();
 });