3. 1. Prepare media and product by
Dropme
2. Decide the theme of your App
and what kind of purpose does
your App serve (T1 - T8
Template)
3. Select prefer Template style
within the theme you have
chosen from T1 — T8
templates
4. Have MMS Cloud API
Before @App
— Ingredients —
What should we prepare before utilizing @AppBuilder?
What are the steps before starting?
4. — Ingredients Explanation —
coffee beans = the
description, content.
container, cup, mug = the images
coffee maker = @appbuilder
have fun making personal taste and enjoy your coffee.
6. What is @App?
• Responsive Web
• Drag and Drop
• Cloud office
• Form and
Dashboard
• Internet of Things
• MoteMsg Services
A cup of coffee time,
create an @App
— Steven Hsu
7. ZERO CODING
Quick and Easy
Responsive Web
100% Creative Freedom
Cloud Ready
while there is a platform
for you if you really want
to code CSS or JS
yourself
merits
9. Grid System
(12 columns)
Width: percentage instead of pixels Adjust title and font size to fit with all devices
The standard of windows is 724px,1170px, 940px.
(The row becomes floating and vertically stacked
when the windows size is below 767px.)
10. The default grid system utilizes 12 columns for a 940px
wide container without responsive feature enabled
CSS Style Components
JavaScript Kit Package
MoteMsg DataObject