It's Alive !!!

TheChocolateLife.com went live last night.

I had a little hiccup with Mailgun because I was getting a high bounce rate. Seems Ning was hiding those from me when I was sending out my monthly newsletters, so I have to cull those by hand.

SO ... I decided to be really sneaky and underhanded and take advantage of Ning's (lack of) oversight in this regard and I sent out the transition email via Ning's Broadcast Message feature. lol

About 400 members have signed back in and they are uploading photos, arranging galleries, adding blogs, following members, and doing all the things you'd expect members to do.

The response I've got back so far has been extremely positive. People like the openness of the new layout and appreciate the new features. It will take them a little getting used to ... but I expect nothing but great things.

Thanks to the JR team and to all the Ningsters who also lent assistance.
updated by @claygordon: 03/14/15 12:04:23AM

Good job on the site..very detail......i view it on mobile..u have a certsin picture repeating itself about 5 times..it looks like the activity location..u should check tht out

Another thing...Just notice the sliding menu links are blue or black with the background black..hard to read the links
updated by @boplive: 01/25/15 05:32:21PM

Check out this situation in this topic of another member who was having tht problem

https://www.jamroom.net/the-jamroom-network/forum/my_posts/21844/nova-mobile-menu#last

I know about the link color on mobile devices - just need to figure out which CSS class it is and change it. Focused on other issues first, but it is on my list to take care of.

Right now the Activity Timeline is heavy with my photos because I am doing a lot compared with the number of members who've signed in. As more activity is generated by members I will be contributing less, proportionately than they will so I expect that repetition to go away.

I do appreciate your pointing these things out to me, always appreciate a fresh(er) set of eyes on things.

:: Clay

Oops sorry I shouldn't say it as repeating. ..wht it's doing is overlapping other pictures..it looks like another row of pictures on top of pictures

Big congratulations to you Clay!!! So exciting and wonderful!


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

Congratulations.

This may work for the Nova skin, but it's working for me in the Ningja skin. I will have to play around with this some more. But I really do appreciate the pointer on where to start.

I am looking at Chrome on an iPhone and don't see that problem, but I do see it in Safari. I will have to see if there's something I did outside of an "if this displayed on a mobile device" and then try to figure out why it's a problem on Chrome and not Safari.

There is a reason I don't do this for a living.

Hi, Clay! Well done! Quick question, how did you get rid of the big gap after each status in the Activity Feed? I feel like I've changed every setting, and even with Firebug I can't figure out what's doing it.....

Congrats Clay! The site looks great.

Thanks - it's been an awesome journey getting it to work.

Hi Clay, the 'overlapping' pictures are coming from your blog list. You have the list set to a set height of 636px but when the browser becomes a different size the list is breaking out of the size. I would either set the overflow to hidden or set it to auto so a scroll bar is available for members to scroll the list on smaller size screens this will then stop the 'overlapping'

so add either

overflow:hidden
or

overflow:auto

One other adjustment I would make would be the profile images in the activity list as they are really tiny, if you remove the padding surrounding them they will look much better. The padding is part of the action_item_media so as the activity is in it's own div you should be able to get to the padding with something like this

#activitydiv .action_item_media{ padding:0px; margin-right:2px }

or edit the template for that list.
Sorry forgot to add an image of the difference so here it is

updated by @john-bizley: 02/02/15 12:05:35PM

John -

Thanks for these great tips. At the moment I am having other issues with items not being displayed properly and I don't want to start editing templates until I get those fixed. Apparently I found a very subtle bug in one of the jrComment modules that can't be fixed in the skin.

But - once I get these issues ironed out I will certainly take a look at implementing these suggestions. And, yeah, I will probably go back to the default of scrolling lists in all the content blocks and the pagebreak. I turned them off because I didn't like the overall scroll behavior of the page when the cursor enters one of the blocks and it starts scrolling, not thinking about the other problems it might cause.

John -

One thing I think would be really helpful, conceptually, would be to have a "map" of template dependencies.

For example, in the Latest Forum Posts, what is the relationship of the various template files that determine the behavior of

A) what shows up
B) how it is formatted

index.tpl has an embedded template and then there is code in index.tpl that uses that template.

But then there are three jrForum templates in the skin plus the module templates.

What's the order of precedence and inheritance rules here? Where do I go to make the changes?

Case in point in the example above - "The padding is part of the action_item_media"

This is the activity timeline and the CSS is in which file? I see that there is an index_activity.tpl file that references item_action_media and I am supposed to infer that because there is the word action in it that it refers to action.css? And then action.css doesn't even show up until you select the untagged tab ... and then action_item_media is NOT among the CSS classes that is displayed so I have to go modify it in the CSS source file which puts it outside of the skin update process.

Is there a set of rules/explanations for where to think about how to look for this stuff? I haven't found one that lays this stuff out in a way that makes sense to me.

That would be quite helpful - although I wonder if there are an infinite variety of combinations. I did find the css file I needed to reduce the gaps in the profile list - in a file called front.css. Still, I learned a lot about Firebug in the process!