What’s Adaptive Layout

CabloyJS provides a set of layout manager to realize adaptive layout

With regard to the concept of adaptive layout, it is strongly recommended to read the following two articles first:

  1. Adaptive Layout: PC = Mobile + Pad

  2. Adaptive Layout: View Size

What’s PC Layout

CabloyJS has a set of mobile layout and PC layout built-in, while PC layout provides richer layout elements and interactive experience

PC layout is implemented by the module a-layoutpc. This article is mainly for secondary development users to explain how to customize and develop. Therefore, if you are interested in the underlying implementation mechanism, you can directly view the source code of the module a-layoutpc


1. Header Buttons


2. Sidebar - Left


3. Sidebar - Right


4. Statusbar - Left


5. Statusbar - Right