Forum Activity for @michael

michael
@michael
09/13/20 06:20:42PM
7,719 posts

Custom CSS for each page
Design and Skin Customization

The timeline already has a page I think....?? In a module there are some common templates:

/index.tpl // this is the site level template that shows when the base module url is called with no extra parameters and not from a module, so for the timeline module which uses the module url 'timeline' if you access:

yoursite.com/timeline

then that will show the template found at:
/modules/jrAction/templates/index.tpl

You can over-ride that by copying it to your skin at:
/skins/(YOUR SKIN)/jrAction_index.tpl

Then that template will show instead of the modules template.

If you wanted to make your own template that was not over-riding a modules template then you could do that too. Add a blank template to:
/skins/(YOUR SKIN)/something.tpl and it will show up at yoursite.com/something

In that template to get stuff back from the database the function is {jrCore_list} This is the swiss army knife function for getting anything that is stored in a modules data store. You will see examples of {jrCore_list} all over the place if you look at templates.

Docs: {jrCore_list}
https://www.jamroom.net/the-jamroom-network/documentation/module-developer-guide/89/jrcore-list

Start by cloning a skin so you dont loose your changes when skin updates come out.

Docs: "Creating your own Skin ( Clone from an Existing Skin )"
https://www.jamroom.net/the-jamroom-network/documentation/skin-design-guide/839/creating-your-own-skin-clone-from-an-existing-skin
michael
@michael
09/13/20 04:44:39AM
7,719 posts

Custom CSS for each page
Design and Skin Customization

No, that's a different system. There are many different systems in jamroom. Which you use depends on your preferences. If you're a web developer/programmer who is comfortable with running a development environment then you'll use the skins system and modules system and upload stuff you create via SFTP to the site.

There are many ways to interact with jamroom but this way will give you the most freedom and most possibilities to over-ride.

If you are not comfortable with web development technologies such as CSS, HTML, PHP, jQuery ( javascript ), then you are limited to using the things that have already been created.

The pages module is one of those things. ADMIN -> PAGE CREATOR stores its contents in the database not the file system.

Site builder is another system again. It also stores its contents in the database not in the file system.

--edit--
If its just a small amount of CSS that you're interested in adding to tweak existing styles, probably the place you're after is
ACP -> SKINS -> (currently active skin) -> STYLE -> CUSTOM EDITOR

You can put CSS into there.
updated by @michael: 09/13/20 04:47:16AM
michael
@michael
09/13/20 03:35:18AM
7,719 posts

Custom CSS for each page
Design and Skin Customization

What newly created pages?

If you add a template to your skin at /skins/(YOUR SKIN)/party.tpl

Then it will appear at
your-site.com/party
michael
@michael
09/10/20 10:04:48PM
7,719 posts

Custom CSS for each page
Design and Skin Customization

Docs: "Skin Design Guide"
https://www.jamroom.net/the-jamroom-network/documentation/skin-design-guide

First thing to do is to make your own skin, probably best to start by cloning an existing one.

Then in that skin you can add .css file to the /skins/YOUR-SKIN/css folder and adding that in to the include.php file so its active.
michael
@michael
09/08/20 06:31:47PM
7,719 posts

Disappearing Edit/Delete Icons In Comment Boxes (again)
Using Jamroom

Correct.

The order of over-rides from memory goes:
* (template, say ) item_list.tpl
* if there is a change at ACP -> MODULE NAME -> TEMPLATES -> item_list.tpl ->MODIFY ( this over-rides the above )
* if there is a template copied from /modules/(module name)/templates/item_list.tpl to /skins/(your skin)/jrModuleName_item_list.tpl ( this over-rides anything above )
* if there is a change at ACP -> SKINS -> TEMPLATES -> jrModuleName_item_list.tpl -> MODIFY ( this over-rides anything above )

So if I was building the site you'd find all of the changes in the files at /skins/(here) and I would never use the ACP for changes. But its a choice. If I was not setup for development the the ACP changes are quicker and you can use the compare to compare it against newer changes, but it means there's more places to check when you want to make a change.

In those cases I'd use the "WHERE IS THIS DDDDDDDDDDDDDD" technique. make a change and see if it comes out where I think it should. If it does, im editing the right template.
michael
@michael
09/07/20 11:28:31PM
7,719 posts

Disappearing Edit/Delete Icons In Comment Boxes (again)
Using Jamroom

For you on your site the cause of the issue was a module override at:
ACP -> ITEM FEATURES -> TEMPLATES -> item_list.tpl -> MODIFY

Because an over-ridden version of the modules code was being used, the update that got put in place to fix the issue was not applied to the modified template.

I've added the modules code into the modified template so it does work now.

The code on line 62 was:
<script>$(function () { $('#cm{$item._item_id}').hover(function() { $('#bc{$item._item_id}').toggle(); }); });</script>
its now
<script>$(function() { var bc = $('#bc{$item._item_id}'); $('#cm{$item._item_id}').hover(function() { bc.show(); }, function() { bc.hide(); } ); }); </script>

Should be good to go now.
michael
@michael
09/07/20 11:11:18PM
7,719 posts

Disappearing Edit/Delete Icons In Comment Boxes (again)
Using Jamroom

it is what I thought it was, the code on the buttons looks like this:
$(function () {
    $('#p{$item._item_id}').hover(function () {
	$('#m{$item._item_id}').fadeToggle('fast');
    });
});

But needs changing to this type of structure
$(function() {
    var mid = $('#m{$item._item_id}');
    $('#p{$item._item_id}').hover(function() {
		mid.fadeIn('fast');
	    }, function() {
		mid.fadeOut('fast');
	    }
    );
});

The first one reads: when the cursor hovers over this block toggle its visibility. But since its showing toggling it means hiding it.

That needs changing to: when the cursor is over this block show it, otherwise hide it.

Still need to locate where that code is in your site so its not fixed yet.
code.jpg code.jpg - 894KB
michael
@michael
09/07/20 01:53:06AM
7,719 posts

Disappearing Edit/Delete Icons In Comment Boxes (again)
Using Jamroom

I know what this is, your skin may need a tweak. Send us an email to support at jamroom dot net along with the logins to your site and a url to where you see it happening and I'll get it fixed up.

The issue was that the code was something like "on hover then toggle" from invisible to visible. which is fine if your cursor is off the page when the page is refreshed.

The issue arises when your cursor is over the buttons when the page is refreshed. in that case the toggle causes the opposite and hides it when you want to click.
michael
@michael
09/07/20 01:42:31AM
7,719 posts

my custom jrXCommentDelete module stopped working
Using Jamroom

don't delete anything else, we'll take a look at the module's code. something may have changed.
michael
@michael
09/06/20 07:16:54PM
7,719 posts

How do I delete missing media file from the player ?
Using Jamroom

Delete it from the profile then reset the caches.
  48