Skip to content

UI Configurations: Choosing the Right Look 🎨 ​

The Connect Blocks 2025 block offers three distinct UI configurations:

1. Tabbed UI (English) ​

  • Purpose: Deliver campus-specific content on ministry pages.
  • Example: https://people.thewoodlandsmethodist.org/page/4313
  • Filtering: "Tabs" attribute (selected tab = campus).
  • Event Location/Campus Display: Event Location / Campus drives campus location display.

2. Tabbed UI (Español) ​

  • Purpose: Spanish language content, campus-specific delivery.
  • Example: https://people.thewoodlandsmethodist.org/page/4341
  • Filtering: "Espanol Pages" attribute (selected tab = campus).
  • Event Location/Campus Display: Event Location / Campus drives campus location display.

3. No Tab UI ​

  • Purpose: Pages that don't require campus tabs, filtered by other criteria.
  • Example: https://people.thewoodlandsmethodist.org/page/4342
  • Filtering: "Ministry - Community" attribute.
  • Event Location/Campus Display: Event Location / Campus drives campus location display.

UI Logic ​

The UI logic uses a combination of C# and Lava to dynamically render the correct UI based on the content types selected and how the person managing it in the back end chooses to order it. See code examples to see how this works in further detail

Explore and learn. Released under the MIT License.