Loading...
 
Skip to main content
Ideas to enhance the editing UI in Tiki
5

Edit User Interface Revamp

Ideas from:

  • keycontent.org & ricks99
  • Mike Pilling
  • Jason Diceman (coop tools /Web binderQuestion)
  • Gary (Chibaguy) theme work
  • support.mozilla.com team
  • Marc Laporte


Problem:

  • Editing a wiki page (and other edit zones in Tiki) is not as intuitive as it could be.
  • Tiki is not as sexy as many other systems
  • Most users are accustomed to WikiPedia UI & Syntax



Solution:
Check what everybody else is doing and enhance our own Tiki interface.
Please check out opensourcecms.com and report here on nice things you have seen.


Caveat:
Since this causes surprises/adjustments for end users, we should not do this often. All the changes below are somewhat inter-related so we should do it once, and well. And this should play nice with the WYSIWYG editor which was added to Tiki 2.0


I want to hear from end users, UI experts and people who do a lot of Tiki training (and see how new users use, and what they have trouble with, etc)


Work in progress: Tiki 3.0 edit wiki page exampleQuestion

Lost edit protection

moved to: Lost Edit Protection

Quicktags

Moved to Toolbar

Accents/special characters

Moved to: http://ui.tiki.org/Text+area+editing+helper#Accents_special_characterQuestion

Wiki Help

  • Direct link to plugins (why a second step?) idea from slj done in 3.0
  • Add links to doc.tiki.org for all plugins done in 3.0
  • Re-organize to have 5 tabs
    • Quicktags explanation (visual)
    • All wiki syntax for activated features
    • All wiki syntax for de-activated features (we still want to see what we could turn on)
    • All wiki plugins for activated features
    • All wiki plugins for de-activated features (we still want to see what we could turn on)


Very nice: http://keycontent.org/tiki-editpage.php?page=Sample%20CollaborationQuestion (Very nice that it shows the relevant Quicktag)
Cooptools had some nice stuff as well

  • Done in 1.10 (and backported to 1.9.8.x, too). Wiki help now shows:
    1. Quicktag
    2. Name
    3. Wiki syntax

Dynamic Help System

New users often suffer from "feature shock" when first using TikiWiki. There are so many features and things to click on that they often become overwhelmed and afraid to use any features (from fear of doing something wrong). It would be very helpful to new users to have some sort of a dynamic help system, whereby there is a prominent help button (like the "fullscreen" button, always visible) that the user can click, and then receive pop-up descriptions of various page objects as they "mouse-over" them. They would have to then click the help button again to escape the dynamic help mode and return to normal page functionality. This feature is similar to that found in some Windows applications where a user can click a question mark icon, which then changes the mouse cursor, and then click on various application objects to receive help on those objects. This is in essence a site feature in itself (may want to be turned off) and not trivial, but getting beginning users to get comfortable with using Tiki is not trivial either.

Section Edit

Like Wikipedia
Tiki 1.10 has editable sections when using the split pluginQuestion but it's not enough.
The work has started! Please test latest 1.10 from SVN.
phase 2: wish1800

Category picker

Easier category picker from cooptools.


Can be seen here too:
http://openpolitics.ca/tiki-editpage.php?page=testQuestion
Need fallback for non JS

If a category is picked, the checkbox "Categorize this object" should be done at the same time.

Spellchecker

moved to Spellcheck

Icons & layout

Gary has been using different layouts/icons

Should pick only 2-3 nice layouts to include with the base Tiki install. This is ongoing. See Gary

Preview & history

Wiki editing: Preview with diff, like MediawikiQuestion
Page history could be better: See WikiPedia for ideas like a button to increment the diffed versions
Have a useful diff. MediaWiki is currently much better at understanding the changes than Tiki. It goes word by word, not letter by letter.

When viewing a diff, I should be able to see

preferred diff engine: admin setting, which could be optionnally overriden by user. If I override once, next time, it should use the same one (and not default always to html diff like in 2.0)

The diff procedure is not intuitive: when page is large, it's difficult to find action button

Html & javascript stripping (security) (maybe we'll look at this, maybe not)

Article templates

  • Allow for a template for new articles (containing a TOC, sample syntax, or whatever the admin wants). This already exists content template



Misc

Wishlist

Open

Rating Subject Submitted By Importance Easy to solve ? Priority Category Volunteered to solve Created Modified
(1) jsCalendar widget unaware of time zones and recording event to one day earlier than selected (timezone difference of 6h) Xavier de Pedro 8 4 32
  • Conflict of two features (each works well independently)
  • Error
 12 Apr 16 12 Apr 16
(1) Allow end user to switch codemirror on in tracker field textareas when the site feature allows Xavier de Pedro 4 8 32
  • Consistency
  • Usability
  • Dogfood on a *.tiki.org site
 14 Dec 13 21 Sep 14
(1) Automagically Collapse/Expand columns in wide tables since Bootstrap: Footable jQuery Plugin? Xavier de Pedro 8 4 32
  • Usability
  • Dogfood on a *.tiki.org site
  • Feature request
  • Support request
 11 Mar 15 11 Mar 15
(0) Defaut user wiki page name should be based on realname instead of e-mail mmln 6 5 30
  • Consistency
  • Feature request
 17 Jun 08 06 Oct 17
(0) Conflict of Stasa Theme color selection and Edit Structure page RandyH 3 10 30
  • Usability
 23 Sep 18 23 Sep 18
(0) fullscreen=y hides all info from top navigation bars in dev.t.o, doc.t.o and themes.to Xavier de Pedro 5 6 30
  • Error
  • Usability
  • Community projects
  • Dogfood on a *.tiki.org site
  • Conflict of two features (each works well independently)
 11 Sep 16 09 Jan 17
(0) Codemirror treats 2 hyphens used for an em-dash as a strikeout DavidBright 7 4 28
  • Usability
  • Less than 30-minutes fix
  • Patch
 11 Jul 12 10 Aug 14
(0) Tracker field 'Date and Time (Date Picker)' gets current time as default value in mobile mode (12.x) even if set pref to 'None' Xavier de Pedro 7 4 28
  • Conflict of two features (each works well independently)
  • Consistency
  • Error
 09 Sep 15 09 Sep 15
(0) Wysiwyg textareas miss the Character Count option Jean-Marc Libs 7 4 28
  • Feature request
 27 Nov 18 27 Nov 18
(0) Article preview is broken at tiki.org Gary Cunningham-Lee 9 3 27
  • Regression
  • Dogfood on a *.tiki.org site
 16 Jan 20 05 Mar 21
(0) 14.x: codemirror (amb mayeb other js?) stops working when pref tiki minify late js files is enabled Xavier de Pedro 5 5 25
  • Regression
 10 Apr 15 10 Apr 15
(0) Make advanced mode for file and image upload dialogues a selectable preference hhm 25
  • Feature request
 24 Jan 14 24 Jan 14
(0) Site timezone is not respected when using Plugin Convene (time stored as 2 hours before my selection) Xavier de Pedro 5 5 25
  • Consistency
  • Usability
 14 Aug 14 14 Aug 14
(0) 14.x: tab toggle button from PluginTabs not shown or not working Xavier de Pedro 5 5 25
  • Consistency
  • Error
  • Usability
  • Community projects
  • Dogfood on a *.tiki.org site
 24 Jul 15 24 Jul 15
(0) Editing Tools Available per User Group John Morris 25
  • Feature request
 14 Jan 18 14 Jan 18
(0) Editing a Page: Footnote UI (Plugin Helper) Fails to Open After First Entry John Morris 5 5 25
  • Bug
  • Usability
 17 May 20 18 May 20
(0) multibyte-letter-wiki-document-name between double braces are not recognized. yuth1ker 5 25 14 Nov 08 06 Jul 24
(0) Tags: Add a modern beautiful and advanced filtering with HTML5 and jQuery, such as Filtrify Xavier de Pedro 5 5 25
  • Dogfood on a *.tiki.org site
  • Feature request
  • Support request
 24 Jan 17 24 Jan 17
(1) 12.x fullcalendar: Can't click on event anymore to see full record and use clicable links Xavier de Pedro 5 5 25
  • Regression
  • Less than 30-minutes fix
 05 Sep 14 05 Sep 14
(1) 12.x: wysiwyg editor in mobile never ends to load in article body Xavier de Pedro 5 25
  • Error
  • Usability
 19 May 14 19 May 14

Pending

Rating Subject Submitted By Importance Easy to solve ? Priority Category Volunteered to solve Created Modified

Fixed

Rating Subject Submitted By Importance Easy to solve ? Priority Category Volunteered to solve Created Modified
(0) Editor wysiwyg in wiki page doesn’t recognize images,to fix it I change manually {…} With <…> azoret 8 40
  • Error
  • Usability
  • Less than 30-minutes fix
  • Patch
 19 Mar 10 01 Jun 26
(0) Redirect (or page alias) on Deleted or Renamed Wiki Pages Rick Sapir / Tiki for Smarties 8 5 40
  • Usability
  • Dogfood on a *.tiki.org site
  • Feature request
 robertokir 02 Jul 07 06 Jul 24
(0) popup box to select visible calendars shown underneath events details (using fullcalendar) Xavier de Pedro 4 9 36
  • Regression
 luci 12 Apr 16 14 Apr 16
(0) Mobile display broken in 12.x Xavier de Pedro 6 6 36
  • Regression
  • Usability
 05 Jul 14 05 Jul 14
(0) trackerlist in plugin helper popup ui doesn't allow to select fields by name nor type their id numbers Xavier de Pedro 5 7 35
  • Regression
  • Usability
 19 Jan 19 19 Jan 19
(0) add jquery sheet plugin to tiki spreadsheets Xavier de Pedro 7 35 04 Mar 09 03 Feb 11
(0) Section edit: a first section is needed + more intuitive use of anchors Marc Laporte 7 35 sylvieg 02 Jun 08 15 Jan 10
(0) The second editor of a page in wysiwyg mode will see an empty editor bloc when overriding Bernard Sfez / Tiki Specialist 7 5 35
  • Regression
 22 Jul 13 28 Nov 13
(0) Wiki transclusion a-la MediaWiki templates Thomas Despoix 7 35
  • Dogfood on a *.tiki.org site
  • Feature request
 27 Oct 08 26 Feb 20
(1) 13.x: tracker field type 'header' stopped displaying a hidable section and header level parameter makes no change Xavier de Pedro 5 7 35
  • Regression
  • Usability
 15 Aug 14 19 May 15
(0) Plugin configuration tool SEWilco 7 35 lphuberdeau 14 Nov 08 10 Sep 09
(0) 2nd field in Dynamic items list with Jquery Chosen doesn't get full width to display labels properly Xavier de Pedro 7 5 35
  • Error
 xavi 17 Nov 13 06 Oct 17
(0) Strikethrough syntax, and avoid collision --strike-- -- no strike-- Marc Laporte 7 35 lphuberdeau 01 Aug 08 25 Sep 09
(0) Warning message when moving away from an edit box (by clicking "back" or clicking an email link) Marc Laporte 7 35 16 May 07 25 May 08
(1) 12.x: can't post comments if codemirror is on (it says 'Content is empty') Xavier de Pedro 7 5 35
  • Error
  • Regression
  • Usability
 28 May 14 13 Jul 14
(0) Update Menu icons to use fontawesome icons for consistency (and not just legacy png's) Xavier de Pedro 5 7 35
  • Consistency
 28 Dec 15 06 Aug 23
(0) Regression: Content template edit screen is broken Gary Cunningham-Lee 7 35
  • Regression
 21 Sep 19 24 Sep 19
(0) Wish: add rotate parameter to PluginIcon Gary Cunningham-Lee 5 7 35
  • Feature request
 22 Jun 17 16 Aug 17
(0) Make admin_quicktags use a drop down box for the Category amette 7 35 amette 07 Oct 05 14 Jan 10
(0) Background Save morrighu 7 35
  • Feature request
 20 Apr 08 26 Feb 20


Resources

alias
History Source Comments
Show PHP error messages