List Outline topics horizontally

Hey all,

  Can anyone tell me if they know of a mod or a way to list Outline topics on the home page horizontally? Something like FB. I don't want to effect the themes or anything else just to list the topics horizontally.

Thanks

www.CycleMadness.net
Quote · 10 May 2014

 

Hey all,

  Can anyone tell me if they know of a mod or a way to list Outline topics on the home page horizontally? Something like FB. I don't want to effect the themes or anything else just to list the topics horizontally.

Thanks

Outline uses CSS float to position the items, they will automatically flow in the direction of the float.  If you want a neat row, you would have to control the height of the container for the items making sure they are all the same height.

Geeks, making the world a better place
Quote · 10 May 2014

Thank you for the reply,

That doesn't sound like anything I can do.  How involved is it to change?

No disrespect to the makers of Dolphin but to me it looks like there just tossed in where ever they might fit.

www.CycleMadness.net
Quote · 10 May 2014

You will have to look at the CSS that controls the Outline.  You can use inspect element with browsers or use the firebug add-on.  The Outline has more than one type of content; so the height of the boxes are not fixed.  The excerpt for blog post can be set in the admin,   You can limit how much information is displayed but also be aware that if a person attaches an image to the blog post a thumbnail of that image is included.  You could just set the CSS so that a fixed height for the Outline items is set and that any overflow is hidden.  I don't have time to play with this myself.

Geeks, making the world a better place
Quote · 10 May 2014

In a way. They are. Look at each one. Each one is a different height based on it's content. So to line them up means sacrificing something. But care has to be takeing adjusting the css as well. If you fix the height of the outside block then you may loose the comment/no comment link at the bottom, or the posters name, ect. I don't really see how they can all be lined up without loosing to much displayed data or creating excessive blank space on the ones that normally don't have much data.

The layout is intended to be like http://www.pinterest.com/

To be honest. I really don't quite understand what you want it to look like. Perhaps you need to draw a picture.

https://www.deanbassett.com
Quote · 10 May 2014

 RE:

How involved is it to change?

 Contrary to what you have been led to believe, the items are NOT simply floated around with some css,  

The horizontal and vertical position of all the items is dynamically calculated using javascript functions found in the
/modules/boonex/wall/js folder.   To accomplish what you ask, start by removing the dynamic positioning of all the items.  Then, you have to change a dozen or so template html files to accommodate a "horizontal" layout.  Finally, you tune up some css, as very little of the original will be of use in the different layout.  If this sort of work appeals to you, you should have something working in a week or two.   Alternately, I've seen a template in the market that already does this.

 

RE:

No disrespect to the makers of Dolphin but to me it looks like there just tossed in where ever they might fit.

I could really tear into you over this, but it's just not worth my time.  I'll just say that this comment is evidence that you don't get around much.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 10 May 2014

It looks like here is ready template with the layout you need:

http://www.templatefordolphin.com/events

http://www.boonex.com/m/dolphin-template-badoo

Rules → http://www.boonex.com/terms
Quote · 12 May 2014
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.