Public Documentation
  • Introduction
  • Getting started
    • Introduction
    • 1. Welcome Page
    • 2. Introduction (Beginner's Guide)
  • Portal Tools
    • Blocko
      • Ůvod do blocka
      • Flip-flop
      • REST-API bloček
    • Grid
      • Úvod do GRID
      • Základní Tlačítko (základy GRID)
      • vylepšený Přepínač (stylování a pokročilé možnosti GRID)
      • text generátor button (messeage type, two elements one widget)
      • graf (pokročilé funkce GRID)
      • Slider (User class v GRIDu)
      • Styly a jejich použití
  • Cloud
    • Cloud
    • Instancies
    • Rest-Api
  • General
    • What we plan
  • Hardware a programování
    • Úvod
      • Nahrání prvního programu
    • Konektivita
      • Specifikace zdroje internetu
      • GSM
      • 6LowPAN
      • Komunikace s portálem
      • Přepínání mezi servery
    • Hardware
      • Základní jednotky
        • IODAG3E
          • Rozhraní a periférie
          • Konektor X a Y
          • Napájení
          • Připojení zdroje k VBAT
          • Paměti
          • Technické specifikace
          • Schémata
        • IODAG3L
      • Rozšiřující moduly
        • GSM shield
        • LED shield
        • Relay shield
        • RFID shield
        • Ultrasonic shield
        • Meteo shield
        • Movement shield
        • PIR shield
        • RGB Displej shield
        • Serial shield
      • Ostatní
        • DevKitG3
          • Schéma
        • TK3G
          • Schéma
        • ZPPG3
          • Schéma
        • WEXP
    • Programování HW
      • Architektura FW
        • Aktualizace FW
        • Autobackup
      • Struktura programu
      • Byzance API
        • Vstupy a výstupy do Portálu
        • Callback Busy
        • Odložený restart
        • Callbacky připojení
        • Uživatelská makra
      • MBED API
        • Vstupy a výstupy
        • Komunikační rozhraní
        • Časování
        • RTOS
      • Knihovny
        • DHT
        • DS1820
        • Dali
        • EdgeStruct
        • I2CWrapper
        • Knock
        • MFRC522
        • MFRC522::MIFARE_Key
        • MPU9150
        • ms5637
        • OneWire
        • PCA9536
        • RGB_matrix
        • RollerDrive
        • SHT21
        • ST7565
        • Servo
        • TCA6424A
        • TLC59116
        • TripleSevenSeg
        • MFRC522::Uid
        • WS2812
        • WakeUp
      • Offline programování
        • Vlastní IDE
        • Upload kódu z GUI
        • Upload kódu z konzole
        • Upload kódu Drag&drop
    • Tutoriály
      • Datum a čas (RTC)
      • Komunikace po sériové lince (UART) s PC
        • Konfigurace sériové linky v PC
        • Programování sériové linky
      • Základní tutoriály
        • Digital Read
        • Analog Read/Write
        • PWM Fade
        • Timer/Ticker
        • State Change Detection
        • Ovládání LED modulu
        • BusOut
        • HC-SR04 Senzor
      • Pokročilé
    • Správa a diagnostika
      • Zdroj restartu
      • LED modul
      • Identifikace zařízení
      • Monitoring parametrů
      • Vytížení zařízení
      • Webové rozhraní
        • Základní přehled
        • Správce firmware
        • Vlákna
        • Definované vstupy
        • Konfigurace MQTT
        • Nastavení
      • Bootloader
        • Režimy bootloaderu
        • Command mód
        • Další vlastnosti bootloaderu
      • Webová konzole
      • Konfigurace zařízení
        • Confighash
      • Omezení konfigurace
        • Konfigurace
        • Binárky
        • Omezení MQTT
        • Lowpan
    • Knowledge base
      • Náhodná čísla
      • Watchdog
      • Paměť RAM
Powered by GitBook
On this page
  1. Portal Tools
  2. Grid

Styly a jejich použití

Všechny možné styly

label.style.background = "transparent"|"#FFFFFF"|"rgb(255,255,255,1)";        //  Barva pozadí  
label.style.color = "#000000"|"rgb(255,255,255,1)";                        //  barva fontu (či FA ikonek)  
label.style.fontSize = "32";                         //  velikost fontu v pixelech  
label.style.x = '50%';                                       //  position on x axis - can be in % (of element width), or in pixels  
label.style.y = '50%';                                       //  position on y axis - can be in % (of element height), or in pixels  
label.style.width = '100%';                             //  width - can be in % (of element width), or in pixels  
label.style.height = '100%';                           //  height - can be in % (of element height), or in pixels  
label.style.originX = '0.5';                             //  origin on x axis, 0 - positioning from left border, 1 - positioning from right border  
label.style.originY = '0.5';                             //  origin on y axis, 0 - positioning from top border, 1 - positioning from bottom border  
label.style.lineHeight = '100vh';                   //  Line height for text rendering - it can be in pixels or vh (widget height)  
label.style.textShadow = '#000 50 0 0';      //  Define shadow for text rendering  
label.style.fontFamily = 'Arial';  
label.style.horizontalAlign = 'center';  
label.style.multiline = 'true';  
label.style.textShadow = 'null'|'none';
"transparent" = průhledná
"#FFFFFF" = Hex. barva 
"rgb(255,255,255,1)" = rgb, poslední hodnota je alpha (1 - solid, 0.5 poloprůhledné, 0 = průhledné)

button.style.x = '50%';

button.style.x = '-50%';

button.style.y = '-50%';

button.style.originX = '0.5';

button.style.originY = '0.5';

Z přiloženého sloupce musí být jasné, jaký je rozdíl mezi X/Y pozicí, která pracuje buďto s pixely nebo s procenty a s origin, která pracuje na celočíselná čísla.

kombinaci

label.style.width = '100%';                              
label.style.height = '100%';                             
label.style.originX = '0.5';                               
label.style.originY = '0.5';

používáme pro to, abychom daný prvek s jistotou vycentrovali. (na střed).

PreviousSlider (User class v GRIDu)NextCloud

Last updated 7 years ago