Layout Example

This page will be reported a collection of layout examples that permit to evaluate the graphical customisation of the µPanel.
You can also use them as a starting point to design your own panel. To better understand the panel examples, you can also open the alphabetical list of all the HCTML symbols.

Example 1

Example 1

Dgw;-c0/*18{>%100,20|<I7.3%20;|<T:Back;|>T:Next;|>I7.5%20;}{%100,5!300,F00}{>!100,622^T*16:μPanel;{-0m^%100,100p0T*110:X;|<T#FF0:Mobile<br>Interactive<br>Universal<br>Panel;}T#311i:for microsystems;}

Example 2

Examples 2

D!66Cw;*40ht5,FFF,10#ED5/2{*12Tka5:μ;|Tka-5:P;|Tka15:a;|Tka-13:n;|T:e;|Tka12:l;|}/3{d1*16L1M:0:7.10;}#111{d,-2!222-1%5,70}{#0F0*8d,-60T:Time to start!;}

Example 3

Example 3

D!FFFg14w;S1*.*16%25,18r15!FFF,AAAh5,000,15;K2:{%20^I1.?%25;_T:?;}$#00F{%100,y10^!DDDT#00F*18#000:Arduino &microPanel App;}/15T*15#0FF:Unlock Your System;/15{#0FF%80^-p20r20g2|B1s1:1;|B1s1:2;|B1s1:3;_|B1s1:4;|B1s1:5;|B1s1:6;_|B1s1:7;|B1s1:8;|B1s1:9;_|B1s1:*;|B1s1:0;|B1s1:#;}{@0,y90%100,y10!DDD#00FJ2(216,Share)|^J2(820,Reload)|^J2(492,Menu)|>J2(160,Settings)}

Example 4

Example 4

D!252;/5G0A%95,70*0:0,99,0,5,10,8::::0F0:FFF:FFF:252:121;{d,-7%93S1o70!242#8F8^;|%33<M0s1:CH 0;|%33^M1s1:1 V/div;|%33>M2s1:10 ms/div;}S2!4A4,252-r20m%30,12;K1:{s2|.??I1.434%30;|T:?;|.??I1.430%30;}${^%95|J1(CH)|J1(Amp)|J1(Time)}/5{^%95|{s2T:DC;W0F*5:0;T:AC;}|{s2+.7T:Trigger;L1M:0:1.438,1.414,1.418;}|{s2fbT:NO;W1F*5:1;T:AU;}}/5{fb!272,252r20#AFA-%90*8|m&&&L2G:0;*12T:Trigger level: ;M3:2.5 V;_R0%98:0:1023:1:512:100;}

Exampe 5

Example 5

Dg0.3;{%100,3!000,0A0^Tfi:My Biological Garden;}/G0%100,50*15:0,100,0,100,10,5: Water flow: minutes:Liters/Hour:0F0:FFF:FFF:252:121;/Tfb*15:Water Pump n.1;{!000,888^%100,20r30-5L1G:0:Off;|*12W19:1;|L2G:1:On;}/10Tfb*15:Liters/Hour: ;M1*15fb#F00:50;{!000,888^%100,20r30-5T:0 L;|R1%60:0:100:1:50:0;|T:100L;}

Example 6

Example 6

{%100,y5!000,AAA^Tfb*12:STEPPER MOTOR CONTROL;}{%100,y8!BBB^_|.1I1.280%10;|I1.12%10;|I1.40%10;|I1.160%10;}{%100,y87g0.29t{/10^mTfb#000:STEP MODE: ;M4fb#F00:1/1;_S1!F00,800r20#FFF%12;{^!000,888%95,y8r20-5|B1s1:1;|B2s1:2;|B3s1:4;|B4s1:8;|B5s1:16;|B1s1:32;}}{^mTfb#000:V Initial [step/s]: ;M4fb#F00:200;_{!000,888^%95r20-5T:MIN;|R1%60:16:1600:1:200:500;|T:MAX;}}{^mTfb#000: Acc/Dec [step/s2]: ;M5fb#F00:500;_{!000,888^%95r20-5T:MIN;|R2%60:500:5000:100:500:500;|T:MAX;}}{^mTfb#000:V regime [step/s]: ;M6fb#F00:400;_{!000,888^%95r20-5T:MIN;|R3%60:20:1600:1:1000:500;|T:MAX;}}/50{^!000,888-5r30%95W0M*8:0:1.803,1.815;|W19*15:0;}}