request filled: css floating items for variable column number SF#1066717

ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Fri, 2005-09-30 23:25

FloatingMatrix theme and floatthumb module used together will allow the viewer to select a number of thumbnails that will flow to fill the screen. A calculate selection will produce a best fit without scroll bars.

This fills a request on the G2 Feature Matrix which corresponds to SourceForge tracker# 1066717.

The module adds a sidebar block that allows the user to select the number of thumbnails to display, calculate a best fit, or use the theme default. There is an optional debug popup activated by mouseover that will show the calculations being done. If the screen is resized, the best fit is recomputed.

The theme reads the admin checkbox and either uses the original table X * Y, or uses float:left divs for display.

Requirements:
A) javascript if the calculate is going to work. User selection still works with javascript turned off.
B) gsThumbMatrix as an element ID to specify the top left corner of where the thumbnail grid starts. Admin page values set the right side buffer and footer height to specify where the grid stops.

TODO: localization and MANIFEST updates have not been performed.

Example: http://gallery.coloredpixels.com/gallery2/main.php
Src: http://gallery.coloredpixels.com/floatingmatrix.tar.gz
Admin page: http://gallery.coloredpixels.com/floatingmatrix-cropped.png
 
valiant

Joined: 2003-01-04
Posts: 32509
Posted: Fri, 2005-09-30 23:53

looks quite cool :)

did you test cross-browser compatiblity?

Winxp: IE 5, IE 6, FF, Mozilla, Opera, ...
OSX: Safari, IE, FF, Camino, ...
Linux: FF, Opera, Konqueror, ...

the question is whether your javascript works in all browsers and whether your <div> / floating works without display issues in all browsers.
and a floating (div based / tableless theme) matrix theme must also work in embedded G2 without display issues.

of course it would be great if it everything is working. originally, matrix was table-less. we had a lot of cross browser issues and ended up with a table based layout.
 
thumb
thumb's picture

Joined: 2004-05-26
Posts: 238
Posted: Sat, 2005-10-01 00:50

That looks great ColoredPixels. Here are test results for Mac browsers:

Firefox 1.0.7 - works great!
Opera 6 and 8.5 - works great!
IE 5.2 - works great!
Safari 1.x and 2.x - works great!
Camino 8.x - works great

I also add links to your demo and source in the User Contribution area of the wiki.
 
ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Sat, 2005-10-01 02:46

I only have IE6, Opera7+8, and Firefox in Win2k to test/code with. I just kept googling when I found a difference between the three displays. document.all.ID is one of the JScript/Javascript things that Firefox poionted out was bad. So, it was converted to the equivalient document.getElementById(). It will take several people testing it to see if there are any glitches. It still needs some polish like the localization stuff and creating proper manifests. I don't have all the tools necessary, as my server is a bare bones Knoppix box.

If you look at the ColoredPixels theme, you will see I have several other tweeks/mods that I am working the kinks out of. Coming soon should be:

SessionToggle module: Viewer flippable switch to to allow controlling layout display. Currently, the tools icon turns the sidebar on/off, and the text icon moves the description block between top/side/bottom. I am working on making it a completely generic module for a theme author to use.

ExtendedNavigator: more config possibilities for Navigator. theme author icon support; text/microthumb/icon each have on/off; and JustTwo=true drops the first/last and adjusts. I need a better way to package it though. As a module, it is not overriding the default.

A minor tweek to Exif so it appears in a popup with help from css/JS from MythtTV. Placement on that one jumps considerably between browsers. The theme is based on a goal of showing info only when it is needed, and using more area for the picture itself.
 
thumb
thumb's picture

Joined: 2004-05-26
Posts: 238
Posted: Sat, 2005-10-01 04:58

Great! Please post updates. The sidebar toggler is a highly desirable feature for many Gallery users :D
 
ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Mon, 2005-10-03 09:40
thumb wrote:
Great! Please post updates. The sidebar toggler is a highly desirable feature for many Gallery users :D

Ok. The sessiontoggle module is done, and in a new thread. http://gallery.menalto.com/node/37721 The README.txt file in it has the code I use for a sidebar toggler.
 
jschmittat

Joined: 2005-08-28
Posts: 25
Posted: Mon, 2005-10-10 20:53

I have the following problem with the Floating Matrix theme:

I use the Album Select block in the DHTML Version and it seems to me that the dtree.css and the dtree.js are not loaded when using the Floating Matrix theme. See: http://www.schmittat.com/gallery2/main.php. The gallery uses the matrix theme and the "floating" album uses the floating theme. When you open the floating album, the Album Select disappears (because the .js is not loaded).
 
ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Tue, 2005-10-11 05:35

Ok. I will look at that this weekend. That is the first time I will have a few moments.
 
jschmittat

Joined: 2005-08-28
Posts: 25
Posted: Tue, 2005-10-11 07:28

Thank you! As a workaround I manually add the missing headers in the theme.tpl so I can use this great theme!

 
Taomyn
Taomyn's picture

Joined: 2003-11-11
Posts: 135
Posted: Fri, 2005-10-14 02:04
jschmittat wrote:
Thank you! As a workaround I manually add the missing headers in the theme.tpl so I can use this great theme!

Please tell me what you amended so I too can fix my version,

Thanks
 
jschmittat

Joined: 2005-08-28
Posts: 25
Posted: Fri, 2005-10-14 08:20

I copied the theme.tpl to the local folder and added the following two lines

Quote:
<script type="text/javascript" src="http://www.domain.com/gallery/modules/albumselect/dtree.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.domain.com/gallery/modules/albumselect/dtree.css"/>

after

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
{* Let Gallery print out anything it wants to put into the <head> element *}
 
Taomyn
Taomyn's picture

Joined: 2003-11-11
Posts: 135
Posted: Fri, 2005-10-14 10:41

Thank-you.

For a more generic version I amended it to:

    <script type="text/javascript" src="{g->url href="modules/albumselect/dtree.js"}"></script>
    <link rel="stylesheet" type="text/css" href="{g->url href="/modules/albumselect/dtree.css"}"/>

Shame the menu is still flaky - it can still show in italics the wrong album :S

Gallery version = 2.0.1 core 1.0.0.1
PHP version = 5.0.5 isapi
Webserver = Microsoft-IIS/6.0
Database = mysqlt 4.1.13
Toolkits = Exif, Thumbnail, Gd, ImageMagick, Ffmpeg, Dcraw
Operating system = Windows NT HOMER 5.2 build 3790
Browser = Mozilla/5.0
 
Taomyn
Taomyn's picture

Joined: 2003-11-11
Posts: 135
Posted: Fri, 2005-10-14 10:58

There's a PHP issue the very first time the theme is used. The following errors occur until the "extra values" have values entered and saved:


Notice: Undefined index: floatCount in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 234

Notice: Undefined index: floatWidth in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 244

Notice: Undefined index: floatHeight in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 254

Notice: Undefined index: showFloatDebug in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 261

Notice: Undefined index: floatXadjust in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 270

Notice: Undefined index: floatYadjust in D:\Websites\gallery2\themes\floatingmatrix\theme.inc on line 279

Not a big issue as they go away, but thought I'd report it for the records,

Gallery version = 2.0.1 core 1.0.0.1
PHP version = 5.0.5 isapi
Webserver = Microsoft-IIS/6.0
Database = mysqlt 4.1.13
Toolkits = Exif, Thumbnail, Gd, ImageMagick, Ffmpeg, Dcraw
Operating system = Windows NT HOMER 5.2 build 3790
Browser = Mozilla/5.0
 
Manuj

Joined: 2005-10-22
Posts: 5
Posted: Sat, 2005-10-22 12:37

Great theme.

I must be lazy....
but could you update the theme with your recent changes there http://gallery.coloredpixels.com/floatingmatrix.tar.gz

Thanks for your valuable work
 
ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Fri, 2005-10-28 02:07

I will be updating it real late tonight. I found the problem. I managed to break all Preloads.inc loading! It happened because I copied and moved loadTemplate down into the theme/floatingmatix directory.
Quick Fix:

line 449 of themes/floatingmatrix/theme.inc:
change
$g2Base = dirname(dirname(dirname(dirname(dirname(__FILE__)))));
to
$g2Base = dirname(dirname(dirname(dirname(__FILE__))));

What I thought was a simple fix took two weeks to find. Arrrrg!!!

The other issue of the unset varibles is easy. I will also have that in tonight's update. they are simply if(!isset()) issues.

[Edit] ******************************************************
Ok. I have put a new tar ball in place at the link in the first post of this thread. The new FloatingMatrix theme version is 1.0.2. The accompanying FloatThumb module did not change.
 
Manuj

Joined: 2005-10-22
Posts: 5
Posted: Fri, 2005-10-28 10:18

GREAT.
I thank you in the name of all future users!!!!!!
 
mikotas

Joined: 2005-11-08
Posts: 9
Posted: Tue, 2005-11-08 00:15

solved
 
yarivk9
yarivk9's picture

Joined: 2005-11-26
Posts: 12
Posted: Sat, 2005-12-31 03:11

I love it! This theme made a great impact on my site. Good job!
 
yarivk9
yarivk9's picture

Joined: 2005-11-26
Posts: 12
Posted: Wed, 2006-03-22 01:43

Any plans to Support this theme in G2.1 ?
 
thumb
thumb's picture

Joined: 2004-05-26
Posts: 238
Posted: Fri, 2006-03-31 03:29

ckdake has updated Floating Matrix for 2.1. Here it is and I'll update User Contributions theme link after this post. Just be sure to stip off the .txt extension after downloading.
 
yarivk9
yarivk9's picture

Joined: 2005-11-26
Posts: 12
Posted: Tue, 2006-04-04 23:20

Awesome!
 
aboututila

Joined: 2006-02-23
Posts: 5
Posted: Sun, 2006-04-23 23:07

I have just tried to install the package available at http://gallery.coloredpixels.com/floatingmatrix.tar.gz which contained the theme FloatingMatrix v1.0.2 together with module FloatThumb v0.0.1, in to Gallery 2.1.1, but received the following error messages;

Matrix with floating div thumbnail placement
Incompatible theme!
Core API Required: 6.5 (available: 7.2)
Theme API Required: 2.1 (available: 2.3)

Enable Floating Thumbnails via Div
Incompatible module!
Core API Required: 6.0 (available: 7.2)
Module API Required: 2.0 (available: 3.0)

I then installed the package referenced in the 31-Mar-06 message posted above in this thread by "Thumb" which fixed the theme Floating Matrix v1.0.2 incompatability (although the version number remains unchanged at 1.0.2) and solved that installation problem. This leaves me with the module FloatThumb incompatability issue.

Is there a location where these components are "officially" released?
Is the module FloatThumb necessary for the theme floatingmatrix to function properly?

Thanks - Mark Smith
 
humanshell

Joined: 2004-01-13
Posts: 6
Posted: Mon, 2006-06-12 14:06

Is there a way to make this theme wrap the album description text? I noticed that looking at the example page the album titles wrap and center themselves underneat the thumbnail to keep a clean appearance. If you take a look at this picture you will see how not only do my album descriptions not wrap, but neither do my album titles, nor do they center. Any help would be greatly appreciated.
 
autxjam

Joined: 2006-06-27
Posts: 1
Posted: Tue, 2006-06-27 20:45

I installed the latest 2.1 version listed above by thumb (I am running 2.1.1), and now when using this theme none of the icons show up, just the text for all the links, etc. Has anyone else seen this, or have any ideas why that might happen? The other themes all work just fine and have no issues with icon display. The theme seems to function fine outside the icon issue.
 
abelau

Joined: 2006-06-16
Posts: 65
Posted: Mon, 2006-07-10 09:37

I've had the same problem of icon not showing in 2.1, while icons show up when I'm using any other themes. I've the problem of theme imcomplatibility when using version 2.1.1 also
 
StephHudson

Joined: 2006-02-22
Posts: 6
Posted: Tue, 2006-09-05 05:10

Just reiterating what Mark Smith said above in Feb...

I've used both packages. The newer that runs on 2.1 does not include the module FloatThumbs, but only the theme. And the old module does not work. Is there an updated module out there somewhere that I'm not finding it?

(BTW, is it just me, or is it really hard to find anything right now... seems there's a big doc update going on and a lot of the links in this site are not working????)

Thanks,
--Steph--
 
valiant

Joined: 2003-01-04
Posts: 32509
Posted: Sat, 2006-10-14 02:31

what links are not working?

@topic:
the floating theme made it as "floatrix" into g2.1. the floatthumb module does not officially exist for g2.1. also, the floatrix of g2.1 isn't quite the floating theme from this topic, but it's based on it.
 
dandv

Joined: 2006-11-09
Posts: 2
Posted: Thu, 2006-11-09 09:59
abelau wrote:
I've had the same problem of icon not showing in 2.1, while icons show up when I'm using any other themes. I've the problem of theme imcomplatibility when using version 2.1.1 also

I have 2.2-svn core 1.1.20 and the icons don't show up in the sidebar. I don't like the Floatrix theme because of the pop-up sidebar. Wish I had Floating Matrix with a dockable/collapsable sidebar. Any ideas where/how I could get that?
 
abelau

Joined: 2006-06-16
Posts: 65
Posted: Fri, 2006-11-10 15:15
dandv wrote:
abelau wrote:
I've had the same problem of icon not showing in 2.1, while icons show up when I'm using any other themes. I've the problem of theme imcomplatibility when using version 2.1.1 also

I have 2.2-svn core 1.1.20 and the icons don't show up in the sidebar. I don't like the Floatrix theme because of the pop-up sidebar. Wish I had Floating Matrix with a dockable/collapsable sidebar. Any ideas where/how I could get that?

same reason here (the pop-up sidebar)

just wondering, is this Floating Matrix & the Floatrix theme the only 2 that "floats"?
 
abelau

Joined: 2006-06-16
Posts: 65
Posted: Mon, 2006-11-13 08:53

just a quick question. Can I suggest this theme being added to the Theme demo in User Contribution page also (http://themes.gallery2.hu/). :) I reckon it's a great miss-out.
 
valiant

Joined: 2003-01-04
Posts: 32509
Posted: Mon, 2006-11-13 09:35

abelau

the official "floatrix" theme is the result of porting this theme into the official gallery repository.
while it's not exactly the same, it's very similar.
 
abelau

Joined: 2006-06-16
Posts: 65
Posted: Mon, 2006-11-13 10:49
valiant wrote:
abelau

the official "floatrix" theme is the result of porting this theme into the official gallery repository.
while it's not exactly the same, it's very similar.

Yep I understand that, and I've tried Floatrix also, though IMHO, the Floatrix is pretty different from the "floating matrix", esp in the sidebar. To be honest, I do think it would still be great if the "floating matrix" are included in the demo also, considered it is still a user contribued theme.

There's another on Mike's page, "colored pixel" which looks very nice and would be a nice one in the demo also. (I haven't tried this out yet). I believe many users would like to have a bit more choice when it comes to "floating" themes, which there don't exist many to choose from.
 
ColoredPixels

Joined: 2005-09-30
Posts: 14
Posted: Tue, 2006-11-14 21:34

The problem with floating matrix and colored pixels is that they were written for 2.0, and I have not had time to update them. The designs were coming along nicely, and then outside stuff dragged me away from programming. Just after that, fundemental changes were made to core that affected session variables and my methods. In a year now, I have not had the time to come back to this and update them. With my todo pile currently about 3 months deep, I fear I never will. Sorry folks.

The good news is that it only took me about three weeks orignally. So, try diving into the code yourself. The php<->smarty<->javascript transitions can be frustrating at times, but you get used to it.
 
Xplosionist

Joined: 2007-10-17
Posts: 5
Posted: Wed, 2007-10-17 01:55

This seems to be a long quiet thread, but I have a question about the FloatingMatrix theme. I downloaded a 2.1/2.2 version of the theme from http://codex.gallery2.org/Gallery2:User_Contributions (directly from http://gallery.menalto.com/files/floatingmatrix.tar.gz), and while it works on my 2.2.3 installation of Gallery, there is one issue. The icons don't appear.

If I load Matrix or Floatrix as the default theme, I see a stylesheet line near the top of the HTML for each page loading the "silk" icons. However, with FloatingMatrix theme, this <link> doesn't appear in the HTML, and there are no icons generated for the various items in the left sidebar.

Does anyone know what can be done to fix this? Thanks....