Unanimo

Unofficial Content
This documentation is valid for:

Unanimo is a Design System that is created to be the soul of the design of mission-critical business applications. It strengthens your design, it adds consistency.

Designed and developed by GeneXus, it is meant to be the next standard default design system and going to be bundled with GeneXus.

i59295140-c114-4ae0-a3fd-fef789f3d386_2021719172919_1_png i5da91dac-a9bc-4b06-a4ca-1887a8035700_png ed6b41bd-d69f-4e02-8636-1b31917ee6b1_2021719172954_1_png

Screenshots are taken from this design and its components: Unanimo

Main features

  • General-purpose: Targeted for Mission-critical business applications, back and front offices
  • Multi-experience: Web, Native Mobile, Chatbots, Inbox-driven
  • Cross product: Generated programs, GAM, GXflow
  • Standard module: Developed in a GeneXus Module, published as a module
  • Built on the latest technology: Design System object
  • Shared source: Public KB and sources
  • Documented: A Showcase, running app to document each component, control, and style
  • Reusable: License is Apache License 2.0
  • Customizable & Extensible: By you, for your solution, company, or vertical market

Community Technology Preview (CTP)

As of August 2021, a CTP is available at the GeneXus Beta Channel showcasing the first bits of the Unanimo Design System object and other objects in the GeneXusUnanimo module.

The intention of this CTP is that you have a first approach to Unanimo, and to show you how we are building a Design System

Currently available features

Please take a look also at the roadmap shown below, and send us feedback. Feedback is welcome at the GeneXus Beta-testing google group.

HowTo guides

Here you can find some guides to get started, from discovering the design through discovering the KB to creating your first 'Hello World' based on Unanimo.

Note: For a seamless experience using GeneXus, use Beta build 152924 or higher.

Discover the Unanimo Design

Check a sample reference here

Discover the Unanimo KB

Follow these steps to discover the module and the showcase; the KB and the running app by yourself in your environment.

image_202186123830_1_png

Create your own Web app based on Unanimo

Follow these initial steps and then scenario 1 or 2 or both, as you wish:

  • Export the GeneXusUnanimo module (Using in the export options 'Reference Type' = 'Hard')
  • Create KB MyKBWithUnanimo
  • Import the GeneXusUnanimo module
  • Create the Design System MyKBWithUnanimoDS with at least this content in the Styles section:
styles MyKBWithUnanimoDS
{  
    @import GeneXusUnanimo.Unanimo;
}
Event Start
    DesignSystem.SetOption(!"color-scheme", !"light")
EndEvent

Scenario 1: Hello World CRUD

  • Create Transaction 'Client' with attributes 'ClientId' and 'ClientName'
  • Apply Pattern WW
  • Run Home
  • Enjoy!

image_202186123027_1_png

Scenario 2: Hello World Panel

To create a Web Panel with just a Primary Button as shown in Showcase > Controls > button > Primary Button, do this

  • Create Web Panel 'MyWebPanel' and set is as Main object
  • Drag a Button control
  • Set the class property to 'Button Primary' as specified in the Style tab of the Showcase
  • Set the associated event to 'Enter' and program the event
Event Enter
 msg("Hello World!") 
EndEvent
  • Run MyWebPanel
  • Enjoy!

image_202186122822_1_png

Note: Use and change your Design System, do not change any object of the GeneXusUnanimo module!.

Roadmap

Q3 2021

  • Get Bundled with GeneXus Beta
  • Completeness
    • Responsive Web Design
    • Native Mobile & Angular
    • GXflow Custom Client
    • GAM back and front office
  • First bits with improved Work With Pattern

Q4 2021

  • Release the first version
  • Completeness
    • Reporting
    • GXflow standard inbox
  • Improved Pattern, Grids and other reusable components & controls