Using Code in your Chorus App

Compose

You can create and display custom items using the Chorus platform. When creating a mobile app, the code tool is used to create and style custom items such as tables, cards and buttons. Code also makes it easy to format and style some pre-existing chorus components including buttons, tables and text. Chorus recognizes and cooperates with the use of HTML, CSS and some JavaScript.  There are a few ways to add code to your app.

Adding code to your Chorus App

To add a new code component, navigate to the Compose page and select "add new element."

Select "code" from the add new element menu.

In the example below, there is code for a custom card with a checkbox and text. while typing in your custom code, as with most other chorus components, a preview of what you will see in your app will display to the right of the area you are typing in. 

When you add code to a page, you can see how it will look to your clients once you click "add Code."

Additionally, the code method would also be used to perform tasks including embedding videos in your app. 

Embedding a video in your Chorus App using the code element

To add a new code element, navigate to the Compose page and select "add new element."

Select "code" from the add new element menu.

Within the code box, simply paste your embed code for the video you want to include, click add code and the video should appear in your chorus app. 

Managing Elements

Mousing over an element will highlight the element area. Use the pencil icon to edit or remove that particular element. You can also use the arrow icons to move an element up or down on a page. Click on the yellow plus sign to add a new element to a page.