Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Mick. on May 03, 2020, 10:52:01 AM

Title: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 10:52:01 AM
Been working on a board index concept. Sure, it's not new but sure seems pretty nifty. I use something similar in my own forum ( https://www.idesignsmf.com/index.php?action=forum ) Currently it's in HTML & CSS form. The PHP will be added after it's complete. No biggie.

Quick Demo: https://www.idesignsmf.com/index.php/page,board_index_concept.html

(https://www.idesignsmf.com/images/boardconcept.jpg)
Title: Re: Board Index Concept [WIP]
Post by: Bigguy on May 03, 2020, 11:54:12 AM
Looks real good. I like it.
Title: Re: Board Index Concept [WIP]
Post by: Jeff Lewis on May 03, 2020, 11:55:46 AM
I like that! Looks pretty nice!
Title: Re: Board Index Concept [WIP]
Post by: Doug Heffernan on May 03, 2020, 11:58:56 AM
It looks pretty neat and sharp.
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 02:27:46 PM
Quote from: Bigguy on May 03, 2020, 11:54:12 AM
Looks real good. I like it.
Thank you!

Quote from: Jeff Lewis on May 03, 2020, 11:55:46 AM
I like that! Looks pretty nice!
Thank you!!

Quote from: doug_ips on May 03, 2020, 11:58:56 AM
It looks pretty neat and sharp.
Thank you.

Still working on some kinks. Now I wonder how it would look on default theme lol. Prolly not pretty at all ;)
Title: Re: Board Index Concept [WIP]
Post by: Bloc on May 03, 2020, 02:38:13 PM
Looks very good, Mick! This would also be easier to show on mobile phones I would imagine.

Now, I couldn't help but fiddle with it - its the designer in me I am afraid :P - so I hope you forgive me for showing a suggestion.   
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 02:49:33 PM
@bloc... not at all bruh! Looks like the post count got moved over?
Title: Re: Board Index Concept [WIP]
Post by: Bloc on May 03, 2020, 03:01:54 PM
Yes, just some aligment stuff really. Image in line with of the board name and the post count etc. align with the title/description. The divider just separates the two. If you ever wanted to do child boards into this, it would be not be so bad to add a extra icon, signalling there are child boards in there. Actually showing them would proabaly ruin the layout though.
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 03:04:53 PM
Quote from: Bloc on May 03, 2020, 03:01:54 PM
Yes, just some aligment stuff really. Image in line with of the board name and the post count etc. align with the title/description. The divider just separates the two. If you ever wanted to do child boards into this, it would be not be so bad to add a extra icon, signalling there are child boards in there. Actually showing them would proabaly ruin the layout though.
Yup. Having a handful of links it's not cool. It would look like a link farm. I suppose once clicked you'll see the child boards.
It's pretty nifty as is. I'm the type that keeps things simple for the user.
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 03:09:04 PM
@bloc... I'm just wondering how the user would add the custom icon. Via theme options? That's not right, right? Maybe have them hard code it
Title: Re: Board Index Concept [WIP]
Post by: Ricky. on May 03, 2020, 03:15:05 PM
That's neat.

Using Bootstrap ?
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 03:16:18 PM
Quote from: Ricky. on May 03, 2020, 03:15:05 PM
That's neat.

Using Bootstrap ?
Thank you. No, not at all. Just Flex grid
Title: Re: Board Index Concept [WIP]
Post by: Dzonny on May 03, 2020, 04:02:26 PM
Love the idea and the design!
Title: Re: Board Index Concept [WIP]
Post by: Bloc on May 03, 2020, 05:26:02 PM
Quote from: Mick. on May 03, 2020, 03:09:04 PM
@bloc... I'm just wondering how the user would add the custom icon. Via theme options? That's not right, right? Maybe have them hard code it
You mean administrators? There are a few ways to do it.. for example letting the theme look for icons named with its board ID. Another method could be adding a CSS class with the same ID, but that requires them to actually make the correct CSS code. I would think just adding the desired icons into a images subfolder within the theme, and then rename them with the board ID is the easiest concept to grasp. The theme could also show a default icon if it can't find a designated icon.
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 03, 2020, 05:54:05 PM
It'd stack well on mobile, but my initial impression is that it's not so great on desktop, because you have to hunt all over the page to find the board you want.

The problem with doing things differently is that it's easy to get an idea, and it's easy to get enthusiastic about coding it for a change, and it's easy for everyone to say it's awesome just because it's different, but then you have to stop being enthusiastic and sit back and think about it. Is it really better, in terms of UX?
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 06:16:31 PM
Quote from: Antechinus on May 03, 2020, 05:54:05 PM
It'd stack well on mobile, but my initial impression is that it's not so great on desktop, because you have to hunt all over the page to find the board you want.

The problem with doing things differently is that it's easy to get an idea, and it's easy to get enthusiastic about coding it for a change, and it's easy for everyone to say it's awesome just because it's different, but then you have to stop being enthusiastic and sit back and think about it. Is it really better, in terms of UX?
Yup, this isnt for everyone. Especially for those who have a hundred boards. Me, in this case, I only run 9 boards lol
Title: Re: Board Index Concept [WIP]
Post by: Antes on May 03, 2020, 06:30:09 PM
Very nice looking design, hopefully we see it in theme site soon(TM).
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 06:39:06 PM
Quote from: Antes on May 03, 2020, 06:30:09 PM
Very nice looking design, hopefully we see it in theme site soon(TM).
That's the thing...I'm debating whether to be on a custom theme or just simply share the boardindex.template file hehhee... either way, I'm cool with it
Title: Re: Board Index Concept [WIP]
Post by: Antes on May 03, 2020, 07:02:26 PM
I end up trying things for Bastion and share its bits and part separately...
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 03, 2020, 07:16:34 PM
Quote from: Antes on May 03, 2020, 07:02:26 PM
I end up trying things for Bastion and share its bits and part separately...
I know right? Either way, does not matter. Everyone knows who did it
Title: Re: Board Index Concept [WIP]
Post by: Decent_946 on May 03, 2020, 07:30:10 PM
Truly speaking, I had the same design in my mind. But wallah! You have all setup! I'm really grateful to see such a design. It's indeed way better then my visions. Your designing always inspires me to look for new concepts. Waiting for its release!

Just wanna know what layout style would topics be having? Same grid style as this or default table style?
Title: Re: Board Index Concept [WIP]
Post by: lurkalot on May 04, 2020, 02:42:01 AM
Quote from: Mick. on May 03, 2020, 06:39:06 PM
Quote from: Antes on May 03, 2020, 06:30:09 PM
Very nice looking design, hopefully we see it in theme site soon(TM).
That's the thing...I'm debating whether to be on a custom theme or just simply share the boardindex.template file hehhee... either way, I'm cool with it

Mick,  would it be possible for you make us a portal block snippet using this, please? I'm sure it would come in very handy.  ;)
Title: Re: Board Index Concept [WIP]
Post by: Kindred on May 04, 2020, 12:46:54 PM
this is, in fact, doable with almost all CSS in 2.1 :D
Title: Re: Board Index Concept [WIP]
Post by: webtiryaki on May 04, 2020, 02:45:29 PM
Hello nice thought parts are equal, a little trouble instead of a flexible design would not be better example.

http://smftheme.byethost18.com/index.php?theme=8
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 04, 2020, 03:50:18 PM
Quote from: Kindred on May 04, 2020, 12:46:54 PM
this is, in fact, doable with almost all CSS in 2.1 :D

Well if you wanna be like that, I reckon it'd be doable in 2.0 as well. Not that there's much advantage in sticking with default markup in either case, but you could do it if you wanted to.
Title: Re: Board Index Concept [WIP]
Post by: Kindred on May 04, 2020, 05:43:05 PM
well, the "advantage" as it were is less mucking about with code and potentially simple mods and upgrades. :D

Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 04, 2020, 05:44:56 PM
Yeah, in theory. Although it depends how bonkers you have to go with CSS to get the result you want. CSS is mucking about with code too. ;)
Title: Re: Board Index Concept [WIP]
Post by: Bloc on May 05, 2020, 01:18:26 AM
It really doesn't matter which version it is..both are based on another concept of boardindex initially, so you have to change html or css anyway..or both. What is important is how much you can change and also benefit elsewhere, at least IMO. Neither version holds the advantage since the boardindex are such a special beast, not repeated anywhere else. Messageindex or display templates on the other hand....

But above all, I just think its great someone does new things in layout. :)
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 05, 2020, 03:39:25 AM
Yes board index is a bit of an odd one out, to some extent. But then if you have child boards your message index template will be displaying a combination of board index and message index. Personally I like them to look like they belong together. Although you could still do this anyway, by having different board presentation for the child boards on message index.

I can see Mick's board index working well if you only have a few boards, but on a site like this one, where you have stacks of boards, I think a more conventional arrangement is probably better.
Title: Re: Board Index Concept [WIP]
Post by: Gwenwyfar on May 05, 2020, 08:57:04 AM
Interesting. One thing I had done before was use the fact you can do html in board's descriptions to turn the description of one board into two (or more) side-by-side sub-boards content. In this case the link to the parent board was not even available because it was a placeholder to consolidate both sub-boards.
Title: Re: Board Index Concept [WIP]
Post by: Bloc on May 05, 2020, 11:29:08 AM
Quote from: Antechinus on May 05, 2020, 03:39:25 AM
Yes board index is a bit of an odd one out, to some extent. But then if you have child boards your message index template will be displaying a combination of board index and message index. Personally I like them to look like they belong together. Although you could still do this anyway, by having different board presentation for the child boards on message index.

I can see Mick's board index working well if you only have a few boards, but on a site like this one, where you have stacks of boards, I think a more conventional arrangement is probably better.

One idea i played around with for a bit, was using containers like these for only the categories. The trouble was how to present the boards within..I landed on a (semi)normal boardindex, but with categories placed on the side of it - each one will show its boards when clicked upon, intially it just shows them all. 
Title: Re: Board Index Concept [WIP]
Post by: simplengmakina on May 05, 2020, 11:47:48 AM
Nice fresh take on the board index concept! Tap friendly look.
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 05, 2020, 05:15:14 PM
The other thing you could do if you have a lot of boards is simplify the presentation. If you just had the board icon and the board name it would be a lot easier to scan the grid in a hurry, because it'd be less vulnerable to the TMI effect. With nothing much to distract you from the board names it should scan pretty well.
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 08, 2020, 03:26:05 PM
I'm thinking a flip card or even a pull down drawer to display childboards on click instead of hover...
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 09, 2020, 01:42:13 PM
Another approach regarding child boards? ... https://www.idesignsmf.com/index.php/page,page3163.html
Hover 'Plus' icon  ???
Title: Re: Board Index Concept [WIP]
Post by: aryansindy on May 09, 2020, 02:54:52 PM
yes that's a nice design I have one like that too,
(Zaxo Theme1 SMF2.1RC2)

Demo :

Zaxo Theme1 (http://www.zaxo.at/index.php?action=forum;theme=30)

Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 09, 2020, 03:23:13 PM
Quote from: aryansindy on May 09, 2020, 02:54:52 PM
yes that's a nice design I have one like that too,
(Zaxo Theme1 SMF2.1RC2)

Demo :

Zaxo Theme1 (http://www.zaxo.at/index.php?action=forum;theme=30)


Very cool dude
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 09, 2020, 04:37:07 PM
This is completely stupid. I can't edit my post. Sigh.
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 09, 2020, 04:47:54 PM
Lol. Yeah it's blink and you miss it.
Title: Re: Board Index Concept [WIP]
Post by: Mick. on May 09, 2020, 05:48:46 PM
Quote from: Antechinus on May 09, 2020, 04:47:54 PM
Lol. Yeah it's blink and you miss it.
It grinds my gears lol
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 09, 2020, 05:52:06 PM
Gave me the ******s when I was doing yhe mutant thread. Make a change to a beta and you can't do anything about earlier posts or attachments. Grmpph and bugger. :P
Title: Re: Board Index Concept [WIP]
Post by: Gwenwyfar on May 09, 2020, 08:08:26 PM
Quote from: Mick. on May 09, 2020, 04:37:07 PM
This is completely stupid. I can't edit my post. Sigh.
I've been saying this for a while, or probably, since this limit was added: more time, please? 1 day sounds about fine.

Quote from: Antechinus on May 09, 2020, 05:52:06 PM
Gave me the ******s when I was doing yhe mutant thread. Make a change to a beta and you can't do anything about earlier posts or attachments. Grmpph and bugger. :P
And this made me realize a separate permission to edit the first post of a topic makes sense with this.
Title: Re: Board Index Concept [WIP]
Post by: Antechinus on May 09, 2020, 08:18:35 PM
No, not the theme release thread. The monster thread for the betas and RC's. There's heaps of stuff there I would have edited for less confusion if it was possible. Not that it matters now, since it's a dead topic, but it was irritating at the time.
Title: Re: Board Index Concept [WIP]
Post by: Gwenwyfar on May 09, 2020, 09:25:04 PM
Ah, yes.

It's just a sticky situation with certain topics like mods/themes as well, where authors can't edit them. Though I think now it auto-updates with the description in the theme/mod site, at least.
Title: Re: Board Index Concept [WIP]
Post by: StarredSkies on May 19, 2020, 09:16:11 PM
I adore how modern and clean this looks. Nice job!