Slide 1

Slide 1 text

Let‘s Connect 2022 October 26, 2022 Customize this! Stefan Hessler Bill Wimer

Slide 2

Slide 2 text

Let’s Connect 2022 October 26, 2022 Let‘s Connect 2022 October 26, 2022 UI Overview Customization Goals Customization Examples Upgrade Considerations

Slide 3

Slide 3 text

Let’s Connect 2022 October 26, 2022 Side Navigation Third-level Navigation Header Area Search Box Secondary Navigation Admin Banner Important To Me Bar Main Content Share & File Upload

Slide 4

Slide 4 text

Let’s Connect 2022 October 26, 2022 Let‘s Connect 2022 October 26, 2022 UI Overview Customization Goals Customization Examples Upgrade Considerations

Slide 5

Slide 5 text

Let’s Connect 2022 October 26, 2022 Customization Extensibility • Functional / Behavioral and cosmetic customizations • Designed into the new React components • Declarative Configuration • Easier to administer • Dynamic changes vs. server restarts • Upgrade durability • Documentation + examples delivered via GitHub

Slide 6

Slide 6 text

Let’s Connect 2022 October 26, 2022 Appregistry Extensions • Simple JSON payloads • Scope to CNX services or extension types • Persisted in MongoDB; survive across upgrades • One click enable/disable • Take effect dynamically; next refresh • Expanding into several areas beyond the original concept for Customizer

Slide 7

Slide 7 text

Let’s Connect 2022 October 26, 2022 Alternate / Non-CP Extensions • Window scoped JS variables serve as fallback for non-CP environments • Banner supports HCXT-based API for dynamic updates

Slide 8

Slide 8 text

Let’s Connect 2022 October 26, 2022 Style Customization Documentation

Slide 9

Slide 9 text

Let’s Connect 2022 October 26, 2022 Appregistry Extension & Style Guide

Slide 10

Slide 10 text

Let’s Connect 2022 October 26, 2022 Let‘s Connect 2022 October 26, 2022 UI Overview Customization Goals Customization Examples Upgrade Considerations

Slide 11

Slide 11 text

Let’s Connect 2022 October 26, 2022 Connections Cedar Customizations • UI styles (colors, fonts, sizes) • Navigation (entries, actions, required ACL and positioning) • Header area (elements, positioning, logo) • Banner message (state, content, type) • Global search (search providers, urls) • Content sharing (options, icons, action)

Slide 12

Slide 12 text

Let’s Connect 2022 October 26, 2022 UI Style Customization Extension Example • Name, description, service scope, overall enabled • Object with generic key – value properties • Appregistry request caching • Extension path, extension enabled

Slide 13

Slide 13 text

Let’s Connect 2022 October 26, 2022 Style Customization Before / After

Slide 14

Slide 14 text

Let’s Connect 2022 October 26, 2022 Customization Demos

Slide 15

Slide 15 text

Let’s Connect 2022 October 26, 2022 Let‘s Connect 2022 October 26, 2022 UI Overview Customization Goals Customization Examples Upgrade Considerations

Slide 16

Slide 16 text

Let’s Connect 2022 October 26, 2022 Functional / Behaviors • Most functional customizations are still valid • Areas that are not in use anymore (e.g. header) may be disregarded • JSP, JavaScript customization may be subject to updates (merge with updated JSPs, e.g. for Profiles) • Generally, JSPs are still heavily used and can be adjusted • JavaScript extensions likely remain as is (some minor updates may need to be considered)

Slide 17

Slide 17 text

Let’s Connect 2022 October 26, 2022 Cosmetic • Most cosmetic customizations are still valid, but may be restyled • Areas that are not in use anymore (e.g. header) are disregarded • CSS customizations may be invalidated with new UI and consolidated styles • Can be customized through config customization approach • Automation testing that is DOM driven (i.e. checks fr specific elements) may require changes

Slide 18

Slide 18 text

Let’s Connect 2022 October 26, 2022 Globalization • Customization of product strings still valid • New strings were introduced for new UI (some replacing old strings) – e.g. Homepage, Profiles • Many new UI components use different translation baseline • Can be customized through config customization approach

Slide 19

Slide 19 text

Let’s Connect 2022 October 26, 2022 CNX 7 vs CNX 8 UX • Heavily customized deployments may need extra time to ensure customizations are working properly • For a limited time, CNX 7 UX could be enabled to ease the transition • CNX 8 UI is enabled by default • Set the following in LotusConnections-config.xml to enable 7 UX false • Restart is required • Will not be supported forever! TBD but 8.0 CR2 (mid 2023) is being considered

Slide 20

Slide 20 text

Let’s Connect 2022 October 26, 2022 Thank you!