The AppGyver Enterprise Documentation

Welcome to the AppGyver Enterprise Builder Documentation. Information about the different aspects of Enterprise Builder's functions may be found in the guides presented here. More guides and tutorials will be added in the following weeks.

Feel free to suggest edits on any parts of the documentation that feel unclear.

Get Started    

Creating Custom Components and Actions

Composer has a powerful, web-based editor for creating your own UI components and logic editor actions.

Custom UI Components

To create a custom UI component, you can click on the "Create new" button under the Components menu on the left side of the Interface Builder.

Creating a custom UI component

Creating a custom UI component

The editor that opens up lets you define the following for your new component.

Name

Component name, as it appears on the Components menu

Repeatable

If checked, this component can be made to repeat based on a data collection – used for lists, image galleries and such.

Component HTML

Component HTML to render. Properties are inserted via Underscore templates. Styling can be added via <style> tags (separate CSS editing coming soon).

Component Properties

Components can change what they show dynamically via Properties. Properties have the following settings.

Name

Property name, displayed in the right-hand menu when configuring the component.

Type

Property type. Can be string or boolean.

Default value

Default value for the component. This will get overriden by the user with their own value once the component is added on a page.

Required

If checked, this value must be entered when adding the component.

References

Available data reference types that can be used to dynamically determine the value for this component. Read more about data references in the Data guide.

New properites can be created with the New property button.

Cloning Components

You can also clone an existing component and use it as a base for your own component. This happens by clicking on the clone button on the right side of a component in the component menu.

Custom Actions

Custom logic editor actions can be created in the same fashion as UI components. Open the Logic Editor and select Create new....

Further documentation is upcoming – you can also clone existing actions to see how they are done!

Creating Custom Components and Actions