MS4BI HELP 2019

by MS4script
01-Introduction
Preface & Copyright
Getting started
Demos Simple
02- Declarations
Structure
Type
03- Instructions
Conditions if,do,while..
String functions Str..()
Get + Include functions Get, Include..
Date-Time Day, Time, Year.
Display
Call
Formulas Complex
04- Database
Connector Ado, Odbc, Dsn, SAP, Ms4
Connect DB Create, delete
Import DataSource Import, Consolidation
Administration Admin, User
05- Sql-Query
Sql
Query Form : BTS,SHOW
Grid option
06- Charts
Forms Show, Win, Image, Excel, Morris...
Pie Std, Donut, 3D...
Bar Std, Stack, Line, Area, Plot
Radar
QrCode, Gauge
Step, Stock...
,Google,Leaflet... GeoMap
,Gantt,Timeline,Org.
07- Dashboard
Form tab, no tab
Responsive UI
08- Report
Report Hierarchy
Report Design
09- Filters
Dialogue + Call
10- Menus
Menu Design
Menu Frameset
Menu Special
11-UI : Responsive
Tables Responsive,Frame,position
List Group
Text
Panel Header, body, Footer
Button Button, Progress Bar
Icon & Button
Collapse Group, Panel
Notifications
12- Encryption
Encrypt
Decrypt
13- Windows
Dialogue
Picture, Frame, Button..
MsgBox
Grid
14- Cloud.
Account Open
15- Css, html, Php, js.
Insert Native language Begin_sw..End_Sw
16-Install + tools.
Installation & Configuration This Menu
Generate Native... Php, Html, js..
Code Generator Ms4 Script
MarkDown Ms4 Script
Source Code Menu Help This Menu
written with ms4script
     

BASIC HELP : MS4BI by MS4script 2019 version 1

Chapter 11 : Responsive UI

KEYWORD :

BEGIN_DIV

END_DIV

TABLE RESPONSIVE

Definition

Defines a column/line responsive table in a division block

Syntax


Begin_div : responsive table or table "css"  	
        column        |   column separator 1  literal 1 |   column separator 2 literal 1 | ..
        line 1        |   column separator 1 literal x |   column separator 2 literal z | .. 
        line 2 ..     |   column separator 1  literal y |   column separator 2 literal z. | ..
End_div  ; 
	
	
	

Example 1


	 		   

Responsive Table UI

Output example 1

MS4BI : Responsive table UI 1

# Date Time Amount
3326 10/21/2013 3:29 PM $321.33
3325 10/21/2013 3:20 PM $234.34
3324 10/21/2013 3:03 PM $724.17
3323 10/21/2013 3:00 PM $23.71
3322 10/21/2013 2:49 PM $8345.23
3321 10/21/2013 2:23 PM $245.12
3320 10/21/2013 2:15 PM $5663.54
3319 10/21/2013 2:13 PM $943.45

MS4BI : Responsible table UI 2 : css 0Table

# Date Time Amount
3326 10/21/2013 3:29 PM $321.33
3325 10/21/2013 3:20 PM $234.34
3324 10/21/2013 3:03 PM $724.17
3323 10/21/2013 3:00 PM $23.71
3322 10/21/2013 2:49 PM $8345.23
3321 10/21/2013 2:23 PM $245.12
3320 10/21/2013 2:15 PM $5663.54
3319 10/21/2013 2:13 PM $943.45



Prerequisites

#includeSYSpathMS4BI "zInclude\includeChart.h"
CSS :
- Customisation : Put your stylesheet in this directory: DRIVER:\MondaySoftware\zInclude\css

Remarks

This example :
driver::\MondaySoftware\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI
- The content of a responsive table may include all the MarkerDown abbreviations

See also

BEGIN_DIV : FRAME , POSITION :RELATIVE, POSITION :ABSOLUTE



KEY WORD :

BEGIN_DIV

END_DIV

FRAME

Definition

Defines a frame for publishing text with attributes, links, contacts, in a division block

Syntax


Begin_div :   Frame "css"  	
     your text 
End_div  ;
	
	
	

Example 1


	 		   

Table Frame UI

Output example 1

MS4BI : Responsive frame UI 2


Basic syntax


cuius omnis sermo erat de amicitia querebatur ,
quod omnibus in rebus homines diligentiores essent;
capras et oves quot quisque haberet,
dicere posse, amicos quot haberet,
non posse dicere et
cin illis quidem parandis adhibere curam,



in amicis eligendis neglegentis
  • esse nec habere quasi


  • www.ms4bi.com
    contact@monday-software.com

    Prerequisites

    #includeSYSpathMS4BI "zInclude\includeChart.h"
    CSS :
    - Customisation: Place your stylesheet in the following directory: DRIVER:\MondaySoftware\zInclude\css
    - FRAME: Mandatory keyword: $INSERT-TEXT$

    Remarks

    This example :
    driver:\MondaySoftware\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI
    - The contents of a FRAME table may contain all the MarkerDown abbreviations.

    See also

    BEGIN_DIV : TABLE RESPONSIVE , POSITION :RELATIVE, POSITION :ABSOLUTE, PANEL, ICON, TEXT , LIST_GROUP , TABLE TROW,TCELL, NOTIFICATION, PROGRESSBAR;






    KEY WORD :

    TABLE

    TROW

    TCELL

    Definition

    In a division block, defines a TABLE with attributes,button,icon, links, contacts,... in a division block In a division block, defines TROW define ROW
    In a division block, defines TCELL define CELL (a few cells in row)

    Reminder:

    A division is represented by < open division ....> close division

    Syntax

    
     
     <table attribute 1 + attribute 2...(optional)	 :  
       <trow :  
         <tcell : < code ms4script  > 
        	>
         <tcell : < code ms4script  > > 
           >
        >,/* end 1 Trow table */
       <trow : ... 
       >,/* end 2 Trow table */
     >; /* table end */ 
    	
    	

    Example 1

    
    	 		   

    Table TROW TCELL UI

    Output example 1

    Total messages Posts Comments
    News Likes Notifications
    Albums Groups Permissions

    Prerequisites

    #includeSYSpathMS4BI "zInclude\includeChart.h"
    CSS :
    - Customisation: Place your stylesheet in the following directory: DRIVER:\MondaySoftware\zInclude\css

    Remarks

    This example :
    driver:\MondaySoftware\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI
    - The contents of a TABLE may contain all the MarkerDown abbreviations.
    Attributes :
    $Bts_Class_Table

    See also

    BEGIN_DIV : TABLE RESPONSIVE , POSITION :RELATIVE, POSITION :ABSOLUTE



    KEY WORD :

    POSITION

    Definition

    Places an object (chart, table, frame) in a window, using relative or absolute coordinates.

    ABSOLUTE Syntax

    
     	
    position  : integer y , integer x, (height) integer or auto , (width) integer or auto :
    or 
    position  : integer y , integer x, auto,auto :
     	

    RELATIVE Syntax

    
     	
    position  : relative  , (height) integer or auto , (width) integer or auto :
    or
    position  : relative  , auto, auto :	
    	
    	

    example

    MS4BI : position : relative,auto,270 :


    Sed saepe enim redeo ad Scipionem, cuius omnis sermo erat de amicitia querebatur , quod omnibus in rebus homines diligentiores essent; capras et oves quot quisque haberet, dicere posse, amicos quot haberet, non posse dicere et in illis quidem parandis adhibere curam , in amicis eligendis neglegentis esse nec habere quasi
    Option Description by Monday :)
    width =1250 cuius omnis sermo erat , Business
  • ko ..
  • engine engine to be used for processing templates. Handlebars is the default.
    ext extension to be used for dest files.
  • not ..
  • homines diligentiores essent;
    capras et oves quot quisque
  • ok ..
  • Prerequisites

    #includeSYSpathMS4BI "zInclude\includeChart.h"
    CSS :
    - Customisation: Place your stylesheet in the following directory: DRIVER:\MondaySoftware\zInclude\css

    Remarks

    This example :
    driver:\MondaySoftware\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI

    See also

    BEGIN_DIV : TABLE RESPONSIVE , POSITION :RELATIVE, POSITION :ABSOLUTE

    Interested in our project? contact@monday-software.com
    The Monday Software team


    Copyright 2019 by Monday Software

    the official sites :
    www.monday-software.com
    www.ms4bi.com
    demos.ms4bi.com
    getms4bi.com
    getms4bifree.com
    cloud.ms4bi.com
    cloud.testing.ms4bi.com
    www.ms4script.com

    Our purpose : Keep it simple !


    written with ms4script
    • MS4BI v.00.0005.02.2019
    • MS4BIRE v.00.0005.02.2019
    • MS4SCRIPT v.00.0005.02.2019
    • help 02/2019

    MS4BI in 5 minutes