Loading...
 
Discussion of issues

Tiki4 UI and theme issues

 Warning

As per Where, this page and ones related to themes should be moved to http://themes.tiki.org



Ahead of the Tiki 4 release, what are the problems related to themes and user interface? In addition to bug trackers, this page can be used to list them and solutions.

See http://tikiwiki.org/UI+Team+Release for the general approach.

General

  • Switch-theme doesn't work unless logged in (regression). Actually the switch-theme module doesn't work except for admin, at my trunk install (chibaguy).
  • Theme option can't be applied on object level in Theme Manager.
  • (Maybe related to the above) themes set on an object (and category? - I didn't check) level don't override (cancel) site default theme's theme option. (For example, if a page "Darkroom" has theme Darkroom set, and the site default is Strasa + Cool option, the style for the page will be Darkroom + Cool option.)
  • Edit CSS is broken (saving creates an empty file).

CSS Menus

  • Menu item text extends beyond right margin of item space (re: 2009-09-30_Profile_Blog_Firefox_menu_strasa.png*).
    • This is fixed now, with script Supersubs.js.
  • Uneven left and right padding on menu items (re: 2009-09-30_Profile_Blog_Firefox_menu_TheNews.png*)
    • This appears to be caused by Superfish making room for the down arrow on menu items that are parents (menuSection class), but then no dropdowns show up (maybe the arrow is there but the color contrast is bad?). Unless I'm wrong, the solution is to use option menu types unless there are actually child items. In the case of a menuSection item that has children but the site visitor doesn't have permission to see them, that'd take a perm check in the menu logic, probably, to change the parent item class for each user.

Lists

  • Need white space between list items (re: 2009-09-30_Profile_Blog_Firefox_menu_TheNews.png*)
    • Should be easy to adjust.
  • Should be no text below bullet (re: 2009-09-30_Profile_Blog_Firefox_missing_padding_strasa.png*)
    • The lists in Strasa's modules are using the "inside" style, to give the second row of the item a few additional spaces. This was on purpose, because the theme's columns are so narrow. But if it looks bad, it can be changed to the more normal style (all text indented so won't intrude over into bullet space). The downside is fewer characters will be displayed in each line. Update: The inside style was in layout.css, so affected all themes, but I removed it. Styling on that level should be either in design.css or the theme stylesheets.

Login form

Modules

  • Long unbroken text (URL) bleeds to right side of module (re: 2009-09-30_Profile_Blog_Firefox_missing_padding_strasa2.png*)

Update: I gave lists overflow:hidden, and added an override for CSS menus (which are lists) to be able to display outside their border. So long strings are cut off at the edge of the list, not the module, so there is a margin between there and the module edge.

Buttons

  • (Not sure what the problem is here (re: 2009-09-30_Profile_Blog_IE6_not_like_Firefox_strasa.png*)
    • The problem is IE6 ignoring selectors which are put together with selectors it doesn't understand
      Code example from cold.css
      span.button a, span.button a:visited, button, input[type="reset"], input[type="submit"], span.button input, .calbuttonoff, .calbuttonon {...}

-- Heh, I didn't realize at first that those links should be styled as buttons. I guess we need an alternative way to style "span.button a" for IE6. Or else just leave them plain links, which would be ok with me (gary).

IE6

  • Strasa login bar rises up into div#header-top (dark area) and isn't flush right.
    • Fixed in svn r21924. Some kludgy rules in strasa/ie6.css weren't removed when we changed the site header layout method. Also, a few "!important"s were needed to force things to display.
  • Strasa - custom header link spans have visible l and r borders.
    • IE6 has trouble with color:transparent, so I made the border color the same as the background (also r21924).
  • Same list spacing issues as other browsers

(all these re: 2009-09-30_Profile_Blog_IE6_various_issues_strasa.png*; asterisked images are from Marc's email "UI & Themes team & Tiki4: how to get help")
Screenshots:


Page last modified on Monday 15 October, 2012 03:00:18 GMT-0000

Keywords

The following is a list of keywords that should serve as hubs for navigation within the Tiki development and should correspond to documentation keywords.

Each feature in Tiki has a wiki page which regroups all the bugs, requests for enhancements, etc. It is somewhat a form of wiki-based project management. You can also express your interest in a feature by adding it to your profile. You can also try out the Dynamic filter.

Accessibility (WAI & 508)
Accounting
Administration
Ajax
Articles & Submissions
Backlinks
Banner
Batch
BigBlueButton audio/video/chat/screensharing
Blog
Bookmark
Browser Compatibility
Calendar
Category
Chat
Comment
Communication Center
Consistency
Contacts Address book
Contact us
Content template
Contribution
Cookie
Copyright
Credits
Custom Home (and Group Home Page)
Database MySQL - MyISAM
Database MySQL - InnoDB
Date and Time
Debugger Console
Directory (of hyperlinks)
Documentation link from Tiki to doc.tiki.org (Help System)
Docs
DogFood
Draw
Dynamic Content
Preferences
Dynamic Variable
External Authentication
FAQ
Featured links
Feeds (RSS)
File Gallery
Forum
Friendship Network (Community)
Group
Help
History
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
jQuery
Kaltura video management
Karma
Live Support
Logs (system & action)
Lost edit protection
Mail-in
Map
Menu
Meta Tag
Missing features
Visual Mapping
Mobile
Mods
Modules
MultiTiki
MyTiki
Newsletter
Notepad
OS independence (Non-Linux, Windows/IIS, Mac, BSD)
Organic Groups (Self-managed Teams)
Packages
Payment
PDF
Performance Speed / Load / Compression / Cache
Permission
Poll
Profiles
Quiz
Rating
Realname
Report
Revision Approval
Scheduler
Score
Search engine optimization (SEO)
Search
Security
Semantic links
Share
Shopping Cart
Shoutbox
Site Identity
Slideshow
Smarty Template
Social Networking
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Staging and Approval
Stats
Survey
Syntax Highlighter (Codemirror)
Tablesorter
Tags
Task
Tell a Friend, alert + Social Bookmarking
Terms and Conditions
Theme
TikiTests
Timesheet
Token Access
Toolbar (Quicktags)
Tours
Trackers
TRIM
User Administration
User Files
User Menu
Watch
Webmail and Groupmail
WebServices
Wiki History, page rename, etc
Wiki plugins extends basic syntax
Wiki syntax text area, parser, etc
Wiki structure (book and table of content)
Workspace and perspectives
WYSIWTSN
WYSIWYCA
WYSIWYG
XMLRPC
XMPP




Useful Tools