<oXygen/> XML Editor 17
UI Improvements
Sorin Carbunaru
[email protected]
Mihaela Calotescu
[email protected]
<oXygen/> XML Editor 17 – UI Improvements
Useful Information
●
●
●
Yes, we are recording this webinar.
Please ask questions anytime during the
presentation in the Questions panel.
Use #oXygenXML for webinar-related
tweets.
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Overview
●
Customizing the user interface
●
Sharing the UI layout with your team
●
Using color themes
●
Retina/HiDPI Support
●
Combining styles for visual editing
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Use Case for the UI Customization
●
Sorin: the leader of the documentation team
●
Mihaela: a member of the documentation team
●
Project: oXygen's user guide
https://github.com/oxygenxml/userguide/tree/userguide-webinar
●
Purpose: sharing a simplified layout for an
optimal team-work
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Customizing the User Interface
●
Customize the toolbars
●
Customize the views
●
Customize the editors
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Customizing the User Interface
●
Toolbars
●
●
●
Move
Show/Hide
Configure and organize actions (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Toolbars Improvements
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Customizing the User Interface
●
●
Views
●
Move
●
Auto-hide
●
Show/Close
●
Float
●
Dock
●
Maximize/Restore
Editors
●
Split
●
Tile/Stack
●
Synchronous Scrolling
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Sharing the UI Layout with your Team
●
Export / Load the UI layout
●
Store the UI layout in the project
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layout File
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Export/Load the UI Layout
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Store the UI Layout in Project
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Store the UI Layout in Project
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Customizing Layout
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Reset Layout
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Reset Layout
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Color Themes
Default Theme
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Color Themes
Graphite Theme (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Color Themes
Windows high contrast (dark)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Color Themes
Windows high contrast (white)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Color Themes
Windows high contrast CSS support:
@media oxygen-high-contrast-black
@media oxygen-high-contrast-white
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Retina/HiDPI Support (new in 17)
●
User interface
●
Author editing mode
●
●
Custom actions
Rendered images
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Retina/HiDPI Support (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Icons/Images Loading
Normal pixel density
High pixel density
Normal pixel density + Dark theme
High pixel density + Dark theme
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Icons/Images Loading
Normal pixel density
High pixel density
Normal pixel density + Dark theme
High pixel density + Dark theme
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Icons/Images Loading
Normal pixel density
High pixel density
Normal pixel density + Dark theme
High pixel density + Dark theme
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Icons/Images Loading
Normal pixel density
High pixel density
Normal pixel density + Dark theme
High pixel density + Dark theme
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layered Styling (new in 17)
One main style
Multiple alternate styles
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layered Styling (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layered Styling (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layered Styling (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Layered Styling (new in 17)
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Thank you!
Questions?
<oXygen/> XML Editor
http://www.oxygenxml.com
[email protected]
[email protected]
Copyright @ Syncro Soft, 2015. All rights reserved.
<oXygen/> XML Editor 17 – UI Improvements
Upcoming Events
May 27
June 3
June 5
June 6 - 7
June 10
June 17
XML Quick Fixes
Refactoring XML Documents
oXygen Users Meetup London
XML London 2015
DITA Support
XML Authoring on the Web
See the recording of the Overview of oXygen XML Editor 17
webinar (May 13)
Copyright @ Syncro Soft, 2015. All rights reserved.