View topic: [Answered: YES!] Alternate Row Color For OCF?

To	× pt	For
Chris Graham	10	Sup…
temp1024	80	Sup…
curtisbrew	50	Hel…
Fletch	500	Sup…
Fletch	100	The…
Duck	200	Pro…
Fletch	100	The…
Chris Graham	100	Hel…
Fletch	100	The…
Fletch	100	The…

Rishi Saravanan	44,540
BobS	24,825
Fletch	24,348
Jean	19,312
amichan	16,801

Home » Forum home » Deploying » View topic

Login / Search

Posted 20 August 2012, 5:18 PM

(

)

#89862 (In Topic #18211)

mythus

Community saint

ocPortal 9; inquiry not a bug or problem

Greetings,

I have a simple stylistic question. I am hoping that maybe one of the great master themers *cough*Jean*cough* could answer this one so Chris can go out and enjoy a break from answering my massive amounts of questions. But if Chris just can't help himself and wants to jump in, I understand and am appreciative lol.

Anyway, I want to know if we can change the colors of the OCF forum index for the ros instead of columns? IE, have alternate row colors instead of different column colors so say even # rows could be one color, and odd # rows another color?

I understand that doing this for rows would be more difficult because unlike columns, there could be many many forums or only one or two. But IF it were possible, it might look better I think.

So is this a possibility? Or should I just find love with column coloring?

BTW - I do love how the forum view page automatically updated the column colors as I was playing around with it, without me even having to save. Talk about immediate preview! Just simply awesome.

Last edit: 20 August 2012, 11:12 PM by mythus

Legends of Nor'Ova: A site powered by ocPortal; a role playing community where you can purchase the LofN core rule book and participate in the forum-based RPG.

Like ocPortal? Want to thank Chris and gang somehow? Then help out in the chat room! It really needs your help! Just open it in a tab everytime you open your web browser, and when you hear a "ding", check it out!

"Those who want help should first be willing to give help."

Posted 20 August 2012, 5:42 PM

Rating:

#89869

BobS

Community saint

I have yet to install version 9 but I would also prefer alternating row colors over alternating column colors. Perhaps someone can figure out how to do this. It just seems a lengthy list of topics can really benefit from alternate row colors.

Bob

Posted 20 August 2012, 5:50 PM

Rating:

#89872

mythus

Community saint

I agree. Especially being able to color important threads differently in the forum index view, and i always find alternating row colors to be easier to read than alternating column colors, but that could just be me... lol.

"Those who want help should first be willing to give help."

Posted 20 August 2012, 6:30 PM

Rating:

#89875

Jean

Community saint

Sorry mythus, I cannot be of much help right now, as v9 is also very new to me and I have yet to start working on themes.

I have some familiarity with being able to style columns with the old ocf.css, but a lot has changed with this new version. I like the idea of row styling and will certainly investigate this possibility eventually.

Hopefully someone else can shed more light on this meanwhile!

Cheers,
Jean

Posted 20 August 2012, 6:45 PM

Rating:

#89879

mythus

Community saint

Thanks for the reply Jean,

Yeah, as I continue to dive into OCF.css, I can't find a means to do so. The old css stylings (row1 and row 2 and the like) were changed to ocf_column followed by a number. I suppose that more accurately represents what those things did…

For some reason, I feel like we were able to change row colors in the distant past… But my brain might be lieing to me again…

So short of being able to add new css tags in to color rows… I just don't see a way to do so.

"Those who want help should first be willing to give help."

Posted 20 August 2012, 6:52 PM

Rating:

#89881

Duck

Community saint

Yeah I did a quick inspection of v9 install and there is no class set to rows so I assume that without php code change it can't be done but then again I really haven't studied tempcode myself so perhaps it could be done in there?

Posted 20 August 2012, 6:57 PM

Rating:

#89883

Chris Graham

ocStaff (admin)

Could be done in a template. OCF_FORUM_TOPIC_ROW at a blind guess. Just put class="{$CYCLE,forum_rows,row_even,row_odd}" or similar in there and then reference .row_even and .row_odd in CSS with different colours.

Become a fan of ocPortal on Facebook or add me as a friend.

Was I helpful?

If not, please let us know how we can do better (please make suggestions that are economically viable and scalable, not just requests to do more for free).
If so, please let others know about ocPortal whenever you see the opportunity.

Follow me on Twitter

This information has not loaded yet. It will be generated in the background, please come back later.

If I answered something that you think should be in the documentation, please take the initiative and add it to the community documentation. We really need people to help out here and build a well-organised large support resource.

Posted 20 August 2012, 7:34 PM

Rating:

#89885

Duck

Community saint

I was just testing this out as we speak as I looked up tempcode instructions earlier. Although I think it needs to be done in ocf_forum_in_grouping.tpl

if you're talking for forum index

Posted 20 August 2012, 8:14 PM

Rating:

#89890

mythus

Community saint

I tried both with no good results.

Duck, every where I tried within ocf_forum_in_grouping either did nothing with the a tag or make a new column with the td tag.

This will definetly be a project to mess around with for a few days lol…

"Those who want help should first be willing to give help."

Posted 20 August 2012, 8:31 PM

(

)

#89893

Duck

Community saint

For forum index here is where the change needs made in ocf_forum_in_grouping.tpl don't forget to clear template cache

Code


<tr class="{$CYCLE,forum_rows,row_even,row_odd}">

    {+START,IF,{$NOT,{$MOBILE}}}

        <td class="ocf_forum_new_post_indicator ocf_column1">

            <img alt="{LANG_NEW_POST_OR_NOT*}" src="{$IMG*,ocf_general/{NEW_POST_OR_NOT*}}" />

        </td>

    {+END}

    <td class="ocf_forum_in_category_forum ocf_column2">

        <a class="field_name" href="{FORUM_URL*}">{+START,FRACTIONAL_EDITABLE,{FORUM_NAME},name,_SEARCH:admin_ocf_forums:type=__ed:id={ID}}{FORUM_NAME*}{+END}</a>



        {+START,IF_NON_EMPTY,{EDIT_URL}}

            <a class="horiz_field_sep associated_link suggested_link" rel="edit" href="{EDIT_URL*}" title="{!EDIT}: {FORUM_NAME*}">{!EDIT}</a>

        {+END}

        {+START,IF_NON_EMPTY,{FORUM_RULES_URL}}

            <a class="horiz_field_sep associated_link suggested_link" target="_blank" onclick="window.faux_open(maintain_theme_in_link('{FORUM_RULES_URL*}'),'','width=600,height=500,status=yes,resizable=yes,scrollbars=yes'); return false;" href="{FORUM_RULES_URL*}" title="{!FORUM_RULES}: {FORUM_NAME*} {!LINK_NEW_WINDOW}">{!FORUM_RULES}</a>

        {+END}

        {+START,IF_NON_EMPTY,{INTRO_QUESTION_URL}}

            <a class="horiz_field_sep associated_link suggested_link" target="_blank" onclick="window.faux_open(maintain_theme_in_link('{INTRO_QUESTION_URL*}'),'','width=600,height=500,status=yes,resizable=yes,scrollbars=yes'); return false;" href="{INTRO_QUESTION_URL*}" title="{!INTRO_QUESTION}: {FORUM_NAME*} {!LINK_NEW_WINDOW}">{!INTRO_QUESTION}</a>

        {+END}



        {+START,IF_NON_EMPTY,{DESCRIPTION}}

            <div class="ocf_forum_description">

                {DESCRIPTION}

            </div>

        {+END}



        {+START,IF_NON_EMPTY,{SUBFORUMS}}

            <div class="ocf_forum_subforums">

                <p><span class="field_name">{!SUBFORUMS}:</span> {SUBFORUMS}</p>

            </div>

        {+END}



        {+START,IF,{$MOBILE}}

            <ul class="horizontal_meta_details associated_details" role="contentinfo">

                <li><span class="field_name">{!COUNT_TOPICS}:</span> {$PREG_REPLACE,([^<>/\s\w]),1 ,{NUM_TOPICS*}}</li>

                <li><span class="field_name">{!COUNT_POSTS}:</span> {$PREG_REPLACE,([^<>/\s\w]),1 ,{NUM_POSTS*}}</li>

            </ul>

        {+END}

    </td>

    {+START,IF,{$NOT,{$MOBILE}}}

        <td class="ocf_forum_num_topics ocf_column4">

            {$PREG_REPLACE,([^<>/\s\w]),1 ,{NUM_TOPICS*}}

        </td>

        <td class="ocf_forum_num_posts ocf_column5">

            {$PREG_REPLACE,([^<>/\s\w]),1 ,{NUM_POSTS*}}

        </td>

    {+END}

    <td class="ocf_forum_latest ocf_column6">

        {LATEST}

    </td>

</tr>

Posted 20 August 2012, 9:43 PM

Rating:

#89902

mythus

Community saint

Hmm that doesn't seem to work for me….

I am sure it is supposed to since you have tested it. Odd…

"Those who want help should first be willing to give help."

Posted 20 August 2012, 10:14 PM

Rating:

#89907

Duck

Community saint

I did test it (but without actually applying CSS just inspecting code output that it showed up and it worked fine.

This was just for Forum index though. I suppose another template is needed for an index of topics with a particular forum.

Posted 20 August 2012, 10:20 PM

Rating:

#89908

mythus

Community saint

Right, and I was trying for forum index.

I have to wonder if column color is somehow interfering with trying to use row color. I did append !important tags to my .row_even and .row_odd in CSS, but no cigar.

It is perplexing. I feel it should be working… but yeah.

"Those who want help should first be willing to give help."

Posted 20 August 2012, 10:20 PM

Rating:

#89909

Duck

Community saint

For in the Topic list screen you want ocf_forum_topic_row.tpl

Posted 20 August 2012, 10:22 PM

Rating:

#89910

Duck

Community saint

is the html being output? if so the maybe you need to re-position the new CSS to come after the current?

Posted 20 August 2012, 10:30 PM

(

)

#89912

Duck

Community saint

Note I did a quick test and I added this CSS to global and it worked:

.row_even td{
background-color: #F00;
}

this I tested on the one in topic list not forim index

Posted 20 August 2012, 11:07 PM

Rating:

#89914

mythus

Community saint

Yup, that did the trick for forum index view.

I guess the issue was the resulting .row_even and .row_odd needed to be in global.css and not ocf.css.

"Those who want help should first be willing to give help."

Posted 20 August 2012, 11:11 PM

Rating:

#89915

mythus

Community saint

And adding that template edit to ocf_forum_topic_row.tpl makes it so that it also affects topics within a forum! Awesome *nods*!

"Those who want help should first be willing to give help."

Posted 21 August 2012, 12:16 AM

(

)

#89917

Duck

Community saint

Also note that the $CYCLE can take more arguments so instead of row_odd and row_even you could have row_1, row_2, row_3 in case you wanted to get even fancier.

Posted 21 August 2012, 1:30 AM

(

)

#89920

Chris Graham

ocStaff (admin)

Forget zebra striping, make rainbow striping :lol:

Become a fan of ocPortal on Facebook or add me as a friend.

Was I helpful?

If not, please let us know how we can do better (please make suggestions that are economically viable and scalable, not just requests to do more for free).
If so, please let others know about ocPortal whenever you see the opportunity.