Use RESPONSIVE (RWD) instructions :
RWD_ROW,RWD_COL,<DIV... 	
SEE HELP UI
	

  		   
<Rwd_Row    :  2 /* 2 : optional */
    <Rwd_Col :   lg:4 ,"text-left" :  
            <div $widget + $bg_primary + "no-padding" :
                <div  "class='p-m " :
                     <Text : ""     , "    Population by Province   " > ,
                     <Text :  ""     , "  China    " > ,
                >  /* end div */
                           DBconnect {Ms4DB} (Lcurrentdb) ,
                           FormMorris :  DrawPIE,   title :"" ,  
                           TYPE : $DONUT, FORMAT: "Th"  use View  ("[ms4TotalPopulByProvince]")   			   
            >  /* end div */
    >  /* end col lg:4 */
    <Rwd_Col :   lg:8 ,"text-left" : 
            <div $widget + $bg_info + "no-padding" :
                    <div  "class='p-m " :
                        <Text : ""     , "   Population by Province (TOP 15)     " >  
                        <Text :  ""    , "      (BAR )  " >  
                        <Text :  ""     , "   China    " >  
                     >  /* end div */
                        DBconnect{Ms4DB}(Lcurrentdb), 
                        Ms4_Query{ms4db}  option : into  $MS4DBTMP 
                       (" SELECT  *   from  [ms4TotalPopulByProvince]  order by "+
                        "TOTALThousandPopulationByProvince desc limit 15 " ) , ** TOP 15
                        DBconnect{Ms4DB}($MS4DBTMP),
                        FormMorris :	DrawBar ,  title :"" ,TYPE :  $BAR   , FORMAT :"Th"  
                        use   View  ($MS4VIEWDBTMP)  		 		>, /* end div */
        >  /* end col lg:8 */
>;  /* end Row */
	

Visualise Example 1 RWD
Source Example 1 RWD
Visualise Example 2 RWD
Source & Copy Example 2 RWD

Visualise : Basic UI
Visualise : Basic Widgets
Visualise : Basic prototype

Visualise ALL Examples : DashBoard
Visualise ALL DashBoard examples

Prerequisites

driver:\MandragorePlanete\MS4BI\zIncludeIncludeChart.h :

See also

BEGIN_DASHBOARD, MS4_QUERY:WEB, MS4_QUERY:WIN, FORMXXX
Examples :
driver:\MandragorePlanete\MS4BI\02-DEMO-DESKTOP-BI-EXCELandSTANDARD\90-OTHERS-UI
driver:\MandragorePlanete\MS4BI\01-GETTING-STARTED-UNICODE

---

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