Html Module UX optimization

Description

To improve :

  • You need always to scroll to find the save button

  • you have sometimes 2 vertical scrollbars (editor + popup)

  • you have secondary information which disturb the main functionality

Solutions :

  • put the buttons in a fixed part at the bottom

  • never show the scollbars of the popup (auto resize of the editor - Responsive Editor in popups )

  • hide publish information for "Direct publish"

  • replace preview and version history sections with a "render mode" = Edit | preview | version history (buttons)

  • put the Basic / rich text bow radios button in on the button line as combox

Implementations details :

  • the auto resize is implemented for RadEditor, CKEditor and Basic Text box (implemented by javascript hacks)

  • the auto resize is only active in popups

(printscreen in attachment)

QA Test Plan

None

Activity

Show:
Sacha Trauwaen
December 6, 2014, 1:57 PM

use cases i tested :

  • With and Without popups activated in site settings

  • Browsers latest versions of Chrome, Firefox, IE

  • Direct publish and content Staging workflow

  • Mono language and muti language with content localization

  • RadEditor, CKEditor and Basic Text Box

Sebastian Leupold
December 6, 2014, 10:25 PM

sounds like a great improvement, thanks a lot!

Ken Grierson
January 8, 2015, 2:10 AM

Verified Platform 7.4.0 build 309
Clean install & upgrade + IE8;9;10 and 11, Chrome 39 and FF

Assignee

Ken Grierson

Reporter

Sacha Trauwaen

Story Size

Unknown

Severity

None

Triage

New

Fixed in Build

None

Dev Owner

None

Includes Code Fix

No

Documentation Required

Completed

Trouble Ticket

None

Requires More Info

None

QA Story Points

None

QA Owner

None

Injected

None

Automation Required

None

Code Review Owner

None

Components

Fix versions

Priority

Medium
Configure