MS4BI®

MS4BI HELP 2022

by MS4script
01-Introduction
Preface & Copyright
Getting started
Informations + Cmd/param Server
Demos Simple
02- Declarations
Structure
Type
03- Instructions
Conditions if,do,while..
Char/Text functions Char or Text..()
Get + Include functions Get, Include..
String functions String# (hashtag)
Date-Time Day, Time, Year.
Display
Call
Formulas Complex
04- Database
Connector Ado, Odbc, Dsn, SAP, Ms4
DB Connect Create, delete
Import DataSource Import, Consolidation
Administration Admin, User
05- Sql-Query
Sql
Query Form : BTS,Plus
Grid option
06- Charts
Forms Plus, 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.
DrawWindow [web]
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 Custom
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

Designer

00-OverView
01-Transaction
02-Setting
05-Import
10-Formula
15-Report-Part1
16-Report-Part2
20-Query-Part1
21-Query-Part2
25-Report-Query-Style
30-QrCodeImage
31-Windows
32-Frame
40-TabStrip
50-Collapse
60-BeginForm
63-Input-SubmitBox
70-Input-Select
71-Input-Insert
72-Input-Update
73-Input-Delete
75-Input-Query
77-ListComBo
81-Button-Link
82-Button-DataList
86-Sticky-Label
91-Insert-PhpJsHtml
92-Insert-MS4script
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   
   2022 version 1.10

Chapter 11 : Responsive UI

KEYWORD : COLLAPSE

Definition

In a division block, defines a COLLAPSE : enables groups to be displayed or not

Reminder:

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



Syntax 1 : COLLAPSE + BUTTON + TEXT 

 
  
 <COLLAPSE :  "Literal "  , Hidden : YES(1) or NO(0) ,	
   <button :  attribute 1 + attribute 2.. ,   text "literal" or string > 
           <  MS4SCRIPT code...>..
   >;

Syntax 2 : COLLAPSE + BUTTON + ICON + TEXT + STYLE 

 
  
 <COLLAPSE :  "Literal "  , Hidden : YES(1) or NO(0) ,	
    <button :  attribute 1 + attribute 2.. , icon :  attributes + NameIcon , text "literal" or string > 
             < code MS4SCRIPT ...>..
   >;

Syntax 3 : PANEL GROUP + COLLAPSE 

 
 <Panel_Group :
   <collapse :  "Panel-a"  ,  Hidden : YES(1) or NO(0) ,	
      <Panel     : attributes ,	  
	    Panel_Header      : ""  ,
             < MS4SCRIPT code...>..
 	 > /*  END Panel   */
   >   /* END collapse */ 
 >;   /* END Panel group */

Example 1 

 
 <collapse :  "Demo1"  , Hidden : 1 ,	
   <button :  $Bts_btn_Success  , text "simple Collapse" > 
    <Text : $Bts_Text_Danger    , style:"font-size:44px"  , text0 > ,
   >;/* end collapse */

Example 2 

 
	 		
 <collapse :  "Demo4"  , Hidden : 1 ,	
    <button :  $Bts_btn_Warning ,  icon : $fa_3x + $fa_pull_left+ $fa_quote_left,
    	text " Text + Chart: click   me" > 
     <Text : $Bts_Text_primary    , style:"font-size:14px"  , text1 > 
      FormExcel : Chart(xl3DBarStacked100),height : "250px", width : "350px"  
	  title :  ""    use View   (" [ms4EmplBusinessDollars20111213]") ,
  
   >;/* end collapse */

Example 3 

 
	 		
  
 GROUP PANEL + COLLAPSE UI

Output example 1

Simple Collapsible : Button


Collapse Test

Output example 2

Collapsible : Button & Icon & UI (Charts )


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Output example 3

PANEL GROUP + Collapse : UI


Fuller

Panel Header 1 :click here

Click here to collapse (nothing hidden)



Visualise ALL Examples : UI

Prerequisites

#include "SYSpathMS4BI+/zInclude\includeChart.h"
- Customisation: all the attributes can be declared in "zInclude\includeChart.h" or another filename.h

Remarks

This example :
driver::\MandragorePlanete\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI
- We based our main UIs on the widely known and distributed Bootstrap conventions
- We based our main UIs on the widely known and distributed Font Awesome Icons
- The content of a responsive table may include all the MarkerDown abbreviations
Attributes that are currently included in includeChart.h:
etc... included in includeChart.h and see also ; DRIVER:\MandragorePlanete\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI\1300-60-00-UI-Collapse.ms4 
  
  Visualise MarkerDown Syntax    
	
  Source & Copy MarkerDown Syntax

See also

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

Interested in joining us? contact@mgplanete.com
The Mg Planete team

Copyright 2022 by Mandragore Planete

the official sites :
mgplanete.com
getms4bi.com
demos.ms4bi.com
help.ms4bi.com
ms4script.com

Download

official site :
getms4bi.com

Our purpose : Keep it simple !


written with ms4script
  • help 01.010.2022.8

MS4BI in 5 minutes