Skip to content

Latest commit

 

History

History
343 lines (248 loc) · 8.63 KB

panes-usage-sample.adoc

File metadata and controls

343 lines (248 loc) · 8.63 KB

Couchbase Lite

Features

  • Colored cards or frames (borders) with an auto-sequence of colors based on Couchbases’s secondary color scheme. Feature triggered by class prior to H2, with cards/frames generated at H3 level or optionaly from unordered list items (for simple layouts).

  • Default two-across

  • Option to specify 3-across or 4-across

  • Full-width banner option

  • Option to conceal the H2 heading if it is solely there to trigger the cards/frames ([.no-title])

By Default You Will Get a 2-across Display

H3 Card 1

Card 1 content

H3 Card 2

Card 2 content

But there’s an option to have 3-across …​

This shows the cards 3-across, with the fourth (in this case) full-width. If there are more then they will wrap around in rows of three

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

And Even 4-across …​

And yes of course you can also have four across. However, I think this is the practical limit for readable card content, so I stopped there.

Auto four ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Using panes frames in auto colors …​

Frames are also an option they work in exactly the same way as panes.

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Using pane frames in auto colors …​

Auto four ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Auto old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

Using panes with manually selected colors …​

If you wish, you can also set the colours of the cards manually this has to be done on a per card basis.

Any old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Any old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

Any old ignorable text

Release 2.7 adds support for Java (Desktop and Web Server) applications. Read more: Java

The release also contains bug fixes and enhancements. Find out more in the release notes:

There is a banner option

SDK Reference API: Java | Java (Android) | .Net | Swift | objective-C

Using Lists as Cards 3

Jim

  • Pariatur pariatur velit veniam culpa ex laboris magna proident do. I

  • In cillum qui laboris

    • nostrud laboris dolor ad esse occaecat

    • laboris elit minim sint non.

  • Officia laboris nisi ipsum

  • est deserunt do excepteur sint anim proident

  • culpa laborum culpa

  • Labore sint veniam cillum consectetur nulla

  • In ex amet nostrud veniam.

Joe

  • Aliqua veniam eiusmod sit occaecat magna cillum non tempor deserunt.

    • Elit nostrud magna consequat incididunt dolore nisi excepteur.

    • Pariatur ut consequat enim.

Fred

  • Qui eiusmod quis pariatur aliqua Lorem esse proident sint tempor officia.

  • Enim Lorem ipsum deserunt amet ipsum adipisicing occaecat

    • aute exercitation ut.

      Exercitation culpa consectetur minim ad magna eu eiusmod anim deserunt. Dolore ipsum est commodo minim. Ipsum sit aliqua ea pariatur deserunt Lorem fugiat ex sint. Quis sint laborum laborum est est ullamco irure esse ea aliqua nostrud qui.

Test Card Lists Four

Joey
Ross
Rachael
Phoebe

Using Lists as Frames 2xCol

Frame 1

  • Build a sample web app

    • Set up my Couchbase Lite SDK

    • Build a sample console app

    • Pariatur pariatur velit veniam culpa ex laboris magna proident do.

  • In cillum qui laboris nostrud laboris dolor ad esse occaecat laboris elit minim sint non.

  • Officia laboris nisi ipsum est deserunt do excepteur sint anim proident culpa laborum culpa. Labore sint veniam cillum consectetur nulla.

Frame 2

  • Set up my Couchbase Lite SDK

  • Build a sample console app

    • Pariatur pariatur velit veniam culpa ex laboris magna proident do.

      • Pariatur pariatur velit veniam culpa

      • Ex laboris magna proident do.

      • Pariatur pariatur velit veniam culpa

      • Ex laboris magna proident do.

    • In cillum qui laboris nostrud laboris dolor ad esse occaecat laboris elit minim sint non.

  • Officia laboris nisi ipsum est deserunt do excepteur sint anim proident culpa laborum culpa. Labore sint veniam cillum consectetur nulla.

  • In ex amet nostrud veniam.

list 3xcols

Hi One

  • fred [Test Lists]

  • list-item in frame

    • list-item in frame

    • list-item in frame

    • list-item in frame

  • list-item in frame

Hi Two

  • fred [Test Lists]

  • list-item in frame

    • list-item in frame

    • list-item in frame

    • list-item in frame

  • list-item in frame

Hi Three

  • fred

  • list-item in frame

    • list-item in frame

    • list-item in frame

    • list-item in frame

      list-item in frame

list 4xcols

Another Frame
And another

  • fred

  • list-item in frame

    • list-item in frame

Yes Another

  • list-item in frame

  • list-item in frame

  • list-item in frame

Last One

list Unequal Frames

Long Frame

  • fred [Test Lists]

  • Veniam Lorem consequat est ipsum magna nulla qui veniam minim. Ipsum adipisicing enim nisi ex non exercitation laboris qui. Velit sunt ipsum commodo duis labore consectetur. Ex dolor sunt velit adipisicing.

    • fred

    • fred

Short Frame

  • fred

  • list-item in frame

    • list-item in frame