Trying to get a (scrollbar)* slider on Activity Feed

perrie
@perrie
9 years ago
435 posts
I have read through all the info here and I can't seem to find how I can get a slider onto the activity feed (I would also use it for my recent comments). I know that there is a way to do this, since the Ninga skin has it, and I am using the Ninga skin with SE, but the moment you use SE you lose the Ninga skin formating.
Thanks! :)
updated by @perrie: 12/22/16 11:55:59AM
douglas
@douglas
9 years ago
2,790 posts
As far as I know, there isn't a way to put a slider into the activity feed, since the JavaScript code would most likely be stripped out.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
perrie
@perrie
9 years ago
435 posts
Hi Doulas,
That can't be. When I had just the Ninga skin it had sliders. The moment I decided to use SB, they went away.
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Hmm...Ive never used SB, and I use Ningja skin, and I've never noticed any sliders anywhere. Can you affirm what you mean exactly by sliders, Perrie? Ive heard people define it in various ways.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
perrie
@perrie
9 years ago
435 posts
So what it is is a way to scroll the contents of a module up and down. You can find them on the personal pages. If you used the Ninga skin, they were there on your homepage, too.
michael
@michael
9 years ago
7,714 posts
Its the terminology that's getting in the way here. What your talking about is "scroll bars on a piece of content"

It is possible to do but not without CSS knowledge.

The reason some pieces of content had scroll bars on them was because the CSS set a fixed height for their container then set the overflow to scroll.

It was possible to have this because what was on the page was fixed content. By changing to Site Builder what content is on the page becomes unknown, so if you want a fixed height for whatever you put there currently the only way is by adding extra CSS.

There is no interface for free input of CSS yet. To do that you need to adjust one of the .css files in your skin and re-upload it via FTP.
updated by @michael: 07/01/15 01:10:50AM
perrie
@perrie
9 years ago
435 posts
Hi Michael,
I was a bit worried you would say something like that, since I have no CSS knowledge at all.
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Perrie, you mean a scrollbar, not a slider.
I just want to add that yes it can be done to module 'blocks' of content, like on the main page. It's not a big thing to do, but it does require a bit of CSS code to be added in the right spot, and then updated/saved in the skin's templates -on the server if you are using SB...in the skin template if you are not using SB and are working directly with templates. It's not some huge insurmountable thing, in any case.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
michael
@michael
9 years ago
7,714 posts
perrie:
Hi Michael,
I was a bit worried you would say something like that, since I have no CSS knowledge at all.

If you can show a page URL here and how high you want it we can figure out the CSS you're wanting. You'd still have to add it, but you'd know what to add.
perrie
@perrie
9 years ago
435 posts
Thanks Michael

http://thenewstalkerscom.jamroomhosting.com/

I would like it so that both the Activity Feed and the Latest Discussions had a slider. That way the module wouldn't have to be so big but could carry more info.
perrie
@perrie
9 years ago
435 posts
Quote: Perrie, you mean a scrollbar, not a slider.

Thanks Strumelia for the proper terminology. Yes that is what I mean and I have updated the title of this discussion in case someone else goes looking for the same information.
michael
@michael
9 years ago
7,714 posts
This is the code to make the "Activity Feed" scroll and be 300px high.
#widget_id-9 {
    height: 300px;
    overflow-y: scroll;
}

And this is the code to make the "Latest Discussions" box scroll:
#widget_id-40 {
    height: 300px;
    overflow-y: scroll;
}

So put that at the bottom of one of the .css files at:
/skins/paPerrieNingja/css/

perhaps site.css or skin.css
perrie
@perrie
9 years ago
435 posts
Michael,
I went looking through my templates, and I can't seem to find one that is site.css or skin.css. Here is what I have:
http://thenewstalkerscom.jamroomhosting.com/core/skin_admin/templates/skin=phPerrieNingja
So I am not sure where to plant that code.
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Perrie, .css files are code files, not templates. .css files can still be within your active skin folder, but a ".css" file is not one of the templates. Templates end in ".tpl"


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
perrie
@perrie
9 years ago
435 posts
Thanks Strumelia... I am still learning and there just seems like so much to learn, LOL!
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Perrie, I think there are many times when you are simply using the wrong terms when asking questions, so it keeps you from getting relevant answers for a good while until that gets sorted out. Like in another recent thread you called Links "Tabs" for example. Or your thread wanting to "make a login page" when really you just wanted to get your Navigation bar to show the typical Login link. Sliders/scrollbars... Not trying to be critical- but I see that a lot of time goes by because people are mistaking what you are talking about for other stuff.
There are some great online sites that define basic website building terminology for beginners- I make use of them sometimes myself. Do a Google for them and browse to find a couple favorites you like. :)


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
perrie
@perrie
9 years ago
435 posts
You're right Stumelia, but often there are words that are specific to jamroom that I have to also remember. There are times that I feel like I am struggling to keep afloat. For instance, we only had to deal with CSS and not .tpl's at the other place. That being siad, everyone here is very kind and helpful and that is what keeps me plodding along.

Believe it or not, I do look up stuff, but sometimes you have to know what you are looking for. Kind of a catch 22. For instance, I tried to look up the scrollbar css code, but I got some that looked like Michael posted and others that looked nothing like it. Had Michael not given me the correct code, I would have been lost.

Well, the good news is that I only make a mistake only once... but then again, I am sure I will make some new ones instead, LOL!
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Wherever you have plodded, i plodded not very long before you. ;)


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
michael
@michael
9 years ago
7,714 posts
To adjust a css file you'll need to access your server via SFTP. You get the username . password from here:
https://www.jamroom.net/perrie/hosting/server_config/34

or:
YOUR PROFILE -> HOSTING -> DASHBOARD -> SERVER SETTINGS

That is the info you need to access your server.

With that info you are able to login and see all the files that make your site run.

Navigate to:
/YOUR SITE/public_html/skins/paPerrieNingja/css/site.css

* download that to your computer
* open the file with a text editor like notepad
* add the code to the bottom
* upload the file back to the same place

That will change the contents of the version that is on your server and will make the changes your after.

--edit--
Here's a video on how to do it:
Updating CSS files via FTP
updated by @michael: 07/03/15 11:45:47PM