[No plugin needed] Alternating board layout with exceptions.

[Kami]

I know I could do this with templates, but I have a fair number of boards and subboards, and I'd like to be able to add or remove boards without having to mess with the template.

What I'm looking to do is have 2 different board styles, and have the board list alternate automatically between them.

Board Style 1: Image on the right, board descrip / last post info on the left
Board Style 2: Image on the left, board descrip / last post info on the right



I also need to be able to list certain boards as exceptions, and these exempted boards will have their own specific style.



I'd just like to know whether or not it's possible, and if so how it could be structured. Thanks (:

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 12, 2015 12:42:44 GMT -8 Kami said:

I know I could do this with templates, but I have a fair number of boards and subboards, and I'd like to be able to add or remove boards without having to mess with the template.

What I'm looking to do is have 2 different board styles, and have the board list alternate automatically between them.

Board Style 1: Image on the right, board descrip / last post info on the left
Board Style 2: Image on the left, board descrip / last post info on the right



I also need to be able to list certain boards as exceptions, and these exempted boards will have their own specific style.



I'd just like to know whether or not it's possible, and if so how it could be structured. Thanks (:

The problem with plugins is that it moves things after post creation. So we are basically saying that we guarantee that each sub-board will have an image and text. And then it's going to loop through all possible boards, and then switch the content out. IT would end up being very simple, or extremely complicated based solely on how the board is currently setup. But it's technically do-able. You just would have to find someone willing to do it.


You would have to start by getting all of the boards you are going to modify in an array, then on the even numbers do one way and the odd ones do the other way. 

You would have to set up the manage plugin for board id's that you want to exclude, or urls (whichever works better)
 
And then it might be a simple task. It's just getting the structure (however it currently is) to match the layout you want is what could take a while. 

[Kami]

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ - Thanks for the reply! The board is currently set up in the default board style. I have some js I'm working on to make the categories tab-abble in a specific manner, but there is nothing altering the board displays themselves.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 12, 2015 18:42:02 GMT -8 Kami said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ - Thanks for the reply! The board is currently set up in the default board style. I have some js I'm working on to make the categories tab-abble in a specific manner, but there is nothing altering the board displays themselves.

So you plan on designing this yourself?

[Kami]

Apr 12, 2015 18:44:57 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Apr 12, 2015 18:42:02 GMT -8 Kami said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ - Thanks for the reply! The board is currently set up in the default board style. I have some js I'm working on to make the categories tab-abble in a specific manner, but there is nothing altering the board displays themselves.

So you plan on designing this yourself?

Oh, sorry for the confusion. I don't know much JS and I'm getting help with what I'm doing for the categories. I would be willing to put in the time to figure it out if I could get a bit of a starting point though, I just wouldn't know where to begin.

[Bennett 🚀]

You wouldn't necessarily even need Javascript if you just have the board ids that you want to be manipulating.
You could assign a certain class to each of the types of layouts based on the board's id. e.g.

.board-1 .one-element, .board-3 .one-element { float: left; } /* all similar ones go here */
.board-2 .one-element { float: right; } /* boards with similar styles here */
Though, a plugin could definitely do this for you more easily; but if you know CSS, there's no reason you wouldn't/couldn't do the above method.
The plugin would do that similarly, it'd just assign a specific class to the left-aligned ones and the right-aligned ones and the CSS would do the rest.

[Kami]

Apr 12, 2015 19:06:48 GMT -8 Bennett 🚀 said:

You wouldn't necessarily even need Javascript if you just have the board ids that you want to be manipulating.
You could assign a certain class to each of the types of layouts based on the board's id. e.g.

.board-1 .one-element, .board-3 .one-element { float: left; } /* all similar ones go here */
.board-2 .one-element { float: right; } /* boards with similar styles here */
Though, a plugin could definitely do this for you more easily; but if you know CSS, there's no reason you wouldn't/couldn't do the above method.
The plugin would do that similarly, it'd just assign a specific class to the left-aligned ones and the right-aligned ones and the CSS would do the rest.

Oh, I didn't even think of that! What is the .one-element targeting? Or is that just an example of the class?

[Bennett 🚀]

Apr 12, 2015 19:10:12 GMT -8 Kami said:

Apr 12, 2015 19:06:48 GMT -8 Bennett 🚀 said:

You wouldn't necessarily even need Javascript if you just have the board ids that you want to be manipulating.
You could assign a certain class to each of the types of layouts based on the board's id. e.g.

.board-1 .one-element, .board-3 .one-element { float: left; } /* all similar ones go here */
.board-2 .one-element { float: right; } /* boards with similar styles here */
Though, a plugin could definitely do this for you more easily; but if you know CSS, there's no reason you wouldn't/couldn't do the above method.
The plugin would do that similarly, it'd just assign a specific class to the left-aligned ones and the right-aligned ones and the CSS would do the rest.

Oh, I didn't even think of that! What is the .one-element targeting? Or is that just an example of the class?

It could be the image, board description, last post info, etc. That was just an example, yes

[Kami]

Apr 12, 2015 19:20:53 GMT -8 Bennett 🚀 said:

Apr 12, 2015 19:10:12 GMT -8 Kami said:

Oh, I didn't even think of that! What is the .one-element targeting? Or is that just an example of the class?

It could be the image, board description, last post info, etc. That was just an example, yes :)

I see, thank you! If I do that and use it in conjunction with the board description images plugin, that should accomplish what I'm looking for.

Thanks again!

[Bennett 🚀]

You could also manually do some if statements in your template code that would accomplish the same thing.
class="{if $[board.id] == 1 || $[board.id] == 3 || $[board.id] == 4}left-align{/if}{if $[board.id] == 2}right-align{/if}"

But yeah, any of the above methods would do it.

Or even just do it all in the templates:

{if $[board.id] == 1 || $[board.id] == 3}
<board html for left>
</board html>{else}{if $[board.id] == 2}
<board html for right>
</board html>{else}
<board html for the odd ones out>
</board html>
{/if}{/if}

Psuedo-code of course.

[Kami]

Apr 12, 2015 19:28:02 GMT -8 Bennett 🚀 said:

You could also manually do some if statements in your template code that would accomplish the same thing.
class="{if $[board.id] == 1 || $[board.id] == 3 || $[board.id] == 4}left-align{/if}{if $[board.id] == 2}right-align{/if}"

But yeah, any of the above methods would do it.

Yeah I knew I could do it via template but if statements are such a hassle when there are a lot of boards. Since I'm just basically changing the image float it'd be easier to use the CSS. (: