Category: Theme: Look & feel, Styles, CSS, Theme Control Center

Using any of the Bootswatch themes

{img fileId="860"}

In 13.x:
-= Title bar example =-

In Tiki 9.x:
{img fileId="844"}

I had my issues with the way the module mod-last_modif_pages.tpl rendered... the title could be hidden by a "decorations=n" which made the link to the addition changes vanish, plus the link in the module title is a little bit of a break with the remaining styling...

Then I discovered that the module uses a table instead of a OL or UL to format, which is a little bit messy itself.

Info / Doc / Dev / Community / Themes / Profiles / Suite are the main sites. There are others listed at ((tw:Domain))

As of 2014-07-29, only info & profiles are consistent (of the main sites). All others are different (which is understandable because of the move to Bootstrap), but they are all different from each other.

The reference bottom footer code is kept up to date at
* http://branding.tiki.org/Footer+code
* http://branding.tiki.org/Top+Menu#Navigation_between_.tiki.org_sites

{syntax type="tiki" editor="plain"}
This is related to the Custom Site Header section of Look & Feel on our Web site. We put a top navigation bar which is expected to be showin in different languages depending on the visitor's language (look at http://www.daav.cn/cms/tiki-list_file_gallery.php ). The code in Custom Site Header is like this:

<div style=...>
<ul>
{if $prefs.language eq "cn"}
<li>link1 in Chinese</li>
...
<li>linkN in Chinese</li>
{elseif $prefs.language eq "fr"}
<li>link1 in French</li>
...
<li>linkN in French</li>
{elseif $prefs.language eq "de"}
<li>link1 in German</li>
...
<li>linkN in German</li>
{else}
<li>link1 in English</li>
...
<li>linkN in English</li>
{/if}
</ul>
</div>

however, it seems the top navigation bar is always shown in Chinese even when I set the default browser language to English only. At that time, our php-based language detector works correctly to identify the user/browser language as English (example: our homepage at http://www.daav.cn/ ) but tikiwiki remains in Chinese unchanged.

Is there anything wrong with the code or it's just because my Windows XP is in Chinese? Then how to get around this in Tikiwiki? What language do you get on the linked page that I included above?

Thanks for any hints.

I recently upgraded from 1.9.9 to 2.4 and I find lots of these errors
in the log file:

[Wed Aug 05 14:28:59 2009] [error] [client 10.7.8.26] File does not exist: /usr/local/apache2/htdocs/tikiwiki/styles/transitions/1.9to2.4.css, referer: http://localhost/tikiwiki/tiki-index.php


Is this installation error or a bug in 2.4?

Thanks

Reproduced in demo:
http://demo.tiki.org/11x/tiki-admin.php?page=i18n

Central column displays over the right column, and some links are unclickable then.

{img fileId="399" thumb="y" rel="box[g]"}


In other servers (mine), the css submenus do not show when mousing over the triangle icon, but just the main menu entries are shown. I couldn't reproduce this issue in demo.t.o, but this issue dissapeared once I changed theme style for fivelive-lite, for instance, etc.

This should be migrated to the community site, and handled with ((doc:Organic groups)) and ((doc:User Trackers))

This should be migrated to the community site, and handled with ((doc:Organic groups)) and ((doc:User Trackers))

{img fileId="923"}

{img fileId="929"}

{img fileId="930"}

See https://dev.tiki.org/tiki-print_blog_post.php?postId=22

{img fileId="845"}



http://dev.tiki.org/item5324 also has stray "Add comments"

See: http://dev.tiki.org/tiki-pagehistory.php?page=Tiki12

{img fileId="852"}

{img fileId="854"}

I have seen similar weirdness on other sites but have been unable to see the pattern. I suspect a specific condition of having (or not) certain modules in the footer (or something)

This code used to work in Tiki up to version 12.x, and it was used in doc.t.o pages:
{CODE()}
{DIV(class="thirdfloat clearfix")}{DIV(class="box")}{img src=http://www.r-project.org/hpgraphic.png imalign=center width=300}{DIV}{DIV(class="box")}{img src=display595 width=250}{DIV}{DIV(class="box")}{CENTER()} {youtube movie="https://www.youtube.com/watch?v=TR2bHSJ_eck" privacyEnhanced="n" width="300" height="200" quality="high" allowFullScreen="y" related="y"}{CENTER}{DIV}{DIV}
{CODE}

It was documented here:
http://themes.tiki.org/Floated+box+demo#Three_columns


Workaround, use Plugin SPLIT.

13.x: PluginSlider in featured profile overlaps footer

To reproduce, apply profile "Small Organization Web Presence", logout, and see , for instance:
tiki-index.php?page=Products

Overlaping at the bottom as anonymous.

http://xavi-9794-5308.show.tikiwiki.org/tiki-index.php?page=Products
u: admin
p: 12345

13.x: Profiles with "random header images" stopped working as expected compared to 12.x

See it reproduced with profile Easy GeoBlog, which doesn't display any images in the header (images aren't saved in the local tiki instance).
See it reproduced here:
http://xavi-9794-5064.show.tikiwiki.org/tiki-list_file_gallery.php?galleryId=5

-----
It currently works as expected (only small issues with surrounding box).

Who knows what happened. Maybe temporary network issue to display images from tiki.org or similar.
Closing the report {sign user="xavi" datetime="2014-07-13T11:35:12+00:00"}

{img fileId="972"}
iOS 3.1.3 iPhone Safari

13.x+ (& dev.t.o): wrong bg color in convene plugin in some theme styles

Since 13.x, convene plugin doesn't display properly the background color in some theme styles.
It can be seen reproduced in http://dev.tiki.org/Tiki14
{img fileId="962" thumb="y" rel="box[g]"}

When using Tiki12, the unconfirmed cells had grey background behind the question mark.
Using fivealive-lite in tiki13, the unconfirmed cells have no grey background but some color related to the theme.

You can have it reproduced applying the "Collaborative Community" profile, and going to the members homepage as registered (or admin) user.

This seems that is defective also in current 12.x. A simple fix seems to be adding this custom css:
{CODE(colors="css")}
.convene-unconfirmed {
background: none !important;
background-color: #F1F1EE !important;
}
{CODE}

Note that without the __!important__ part, the fix doesn't work.

I wonder if there is a better fix, or if I should commit this fix in 12.x, 13.x and trunk.
Any better fix?

This issue seems to have been around since many months, and no one fixed a better way... and we are affected by this issue in dev.t.o/Tiki14 and any other page that uses the convene plugin since many weeks (months?) ago.


You can play with this issue and other potential fixes, if you want, here:
http://xavi-9794-5509.show.tikiwiki.org/tiki-index.php?page=Community+Members+HomePage
&
http://xavi-9794-5509.show.tikiwiki.org/tiki-admin.php?page=look
(customization css)

u: admin
p: 12345

14.x regresion: menu icons broken: nothing is shown for the main app menu when the feature is enabled, even if the menu entries do still have info on the icon expected to be used from mg/icons/large/

See it reproduced here:
http://xavidp-1553-5651.show.tikiwiki.org/tiki-admin_menu_options.php?menuId=43&offset=0&sort_mode=position_asc&optionId=195&maxRecords=25#contentadmin_menu_options-2
u: admin
p: 12345

icon for home menu entry in the cloned menu 43, is home48x48, but no image is shown.
In 12.x, this works as expected, and that image is shown.

Plugin AppFrame works as expected up to Tiki 12.x, as far as I know (I didn't test with Tiki13, sorry), but fails with Tiki 14.x: the plugin doesn't get the central column expanded to use full width anymore, even if you request so with the plugin params.

Just side columns are hidden, but central column stays still with the same width.

Code to reproduce:
{CODE()}
__Documentation about this Web Database system__:
* https://doc.tiki.org/Trackers
* https://doc.tiki.org/PluginTrackerList


{appframe min="1" hideleft="y" hideright="y" fullpage="n" absolute="n"}
{CODE}

15.x: Improvements needed for mobile view of many *.t.o sites (dev, themes, doc, ...)

{img src="display1077" thumb="box" width="800"}

(1) No way to login at dev.t.o or doc.t.o, for instance, when browsing the page in the smartphone
(tested with Chrome on Android, but it seems to be reproduced with a browser on a desktop and making it narrow enough as a smartphone)

(2) There is no logo nor site name displayed in the top header of most *.t.o sites. OTher (non-tiki) bootstrap websites do display their logo and name when shown through smartphone. IS tehre anything that can be done in the Tiki side to fix this?

(3) Fullscreen button is shown on top of the button at the top layer to display the logo and site name. Therefore, clicking there, fires the fullscreen in some cases. And when in full screen, in a smartphone, I couldn't come back to normal display mode clicking at that button in the smartphone for some reason, I had to fix the param in the url to get back to normal.

(4) The submenu is not shown in dev.t.o and doc.t.o but it is shown in themes.t.o Why? How shall we edit the submenus so that they are shown in the smartphone display?

Thanks

This was working in previous versions of Tiki (maybe 9.x?). I couldn't check when the regression was introduced.

popup box to select visible calendars shown underneath events details (using fullcalendar)
In 15.x: Using theme "Default bootstrap", but also reproduced with fivealive-lite, etc.
In 12.x: using default theme style (fivealive)

See it reproduced in 15.x here:
http://xavi-9794-5901.show.tikiwiki.org/tiki-calendar.php?todate=1459413360
u: admin
p: 12345

{img fileId="1040" thumb="box"}

To see it reproduced in 12.x, visit:
http://xavi-9794-5904.show.tikiwiki.org/tiki-calendar.php?todate=1459461600
u: admin
p: 12345

This should be migrated to the community site, and handled with ((doc:Organic groups)) and ((doc:User Trackers))