Forum Activity for @michael

michael
@michael
04/08/15 01:45:34AM
7,832 posts

Changing Font Color / CSS


Design and Skin Customization

joshwolve:
Ill stop answering CMS questions with code lol. It appears site builder does enjoy full customization control admin-side. cheers!

You're efforts are appreciated @covertlogic and not wrong. There are many ways to do it and your way is just as valid as any of the other ways and preferable by some. For me, I would use the .css file in the skin to make all adjustments because I like looking at code more than I like interfaces. Its all preference. :)

This question asked about Site Builder which is the drag-n-drop method hence the answer.
michael
@michael
04/08/15 01:37:05AM
7,832 posts

Add an image to Site Builder html box


Design and Skin Customization

Thanks Curtis, those videos are excellent. Really awesome.

As for code formatting, yeah browsers don't care, they can read it all scrunched up like this
(function(b){"function"===typeof define&&define.amd?define(["jquery"],b):b(jQuery)})(function(b){var j=[],n=b(document),k=navigator.userAgent.toLowerCase(),l=b(window),g=[],o=null,p=/msie/.test(k)&&!/opera/.test(k),q=/opera/.test(k),m,r;m=p&&/msie 6./.test(k)&&"object"!==typeof window.XMLHttpRequest;r=p&&/msie 7.0/.test(k);b.modal=function(a,h){return b.modal.impl.init(a,h)};b.modal.close=function(){b.modal.impl.close()};b.modal.focus=function(a){b.modal.impl.focus(a)};b.modal.setContainerDimensions=
function(){b.modal.impl.setContainerDimensions()};b.modal.setPosition=function(){b.modal.impl.setPosition()};b.modal.update=function(a,h){b.modal.impl.update(a,h)};b.fn.modal=function(a){return b.modal.impl.init(this,a)};b.modal.defaults={appendTo:"body",focus:!0,opacity:50,overlayId:"simplemodal-overlay",overlayCss:{},containerId:"simplemodal-container",containerCss:{},dataId:"simplemodal-data",dataCss:{},minHeight:null,minWidth:null,maxHeight:null,maxWidth:null,autoResize:!1,autoPosition:!0,zIndex:1E3,
close:!0,closeHTML:'<a class="modalCloseImg" title="Close"></a>',closeClass:"simplemodal-close",escClose:!0,overlayClose:!1,fixed:!0,position:null,persist:!1,modal:!0,onOpen:null,onShow:null,onClose:null};b.modal.impl={d:{},init:function(a,h){if(this.d.data)return!1;o=p&&!b.support.boxModel;this.o=b.extend({},b.modal.defaults,h);this.zIndex=this.o.zIndex;this.occb=!1;if("object"===typeof a){if(a=a instanceof b?a:b(a),this.d.placeholder=!1,0<a.parent().parent().size()&&(a.before(b("<span></span>").attr("id",
"simplemodal-placeholder").css({display:"none"})),this.d.placeholder=!0,this.display=a.css("display"),!this.o.persist))this.d.orig=a.clone(!0)}else if("string"===typeof a||"number"===typeof a)a=b("<div></div>").html(a);else return alert("SimpleModal Error: Unsupported data type: "+typeof a),this;this.create(a);this.open();b.isFunction(this.o.onShow)&&this.o.onShow.apply(this,[this.d]);return this},create:function(a){this.getDimensions();if(this.o.modal&&m)this.d.iframe=b('<iframe src="javascript:false;"></iframe>').css(b.extend(this.o.iframeCss,
{display:"none",opacity:0,position:"fixed",height:g[0],width:g[1],zIndex:this.o.zIndex,top:0,left:0})).appendTo(this.o.appendTo);this.d.overlay=b("<div></div>").attr("id",this.o.overlayId).addClass("simplemodal-overlay").css(b.extend(this.o.overlayCss,{display:"none",opacity:this.o.opacity/100,height:this.o.modal?j[0]:0,width:this.o.modal?j[1]:0,position:"fixed",left:0,top:0,zIndex:this.o.zIndex+1})).appendTo(this.o.appendTo);this.d.container=b("<div></div>").attr("id",this.o.containerId).addClass("simplemodal-container").css(b.extend({position:this.o.fixed?
"fixed":"absolute"},this.o.containerCss,{display:"none",zIndex:this.o.zIndex+2})).append(this.o.close&&this.o.closeHTML?b(this.o.closeHTML).addClass(this.o.closeClass):"").appendTo(this.o.appendTo);this.d.wrap=b("<div></div>").attr("tabIndex",-1).addClass("simplemodal-wrap").css({height:"100%",outline:0,width:"100%"}).appendTo(this.d.container);this.d.data=a.attr("id",a.attr("id")||this.o.dataId).addClass("simplemodal-data").css(b.extend(this.o.dataCss,{display:"none"})).appendTo("body");this.setContainerDimensions();
this.d.data.appendTo(this.d.wrap);(m||o)&&this.fixIE()},bindEvents:function(){var a=this;b("."+a.o.closeClass).bind("click.simplemodal",function(b){b.preventDefault();a.close()});a.o.modal&&a.o.close&&a.o.overlayClose&&a.d.overlay.bind("click.simplemodal",function(b){b.preventDefault();a.close()});n.bind("keydown.simplemodal",function(b){a.o.modal&&9===b.keyCode?a.watchTab(b):a.o.close&&a.o.escClose&&27===b.keyCode&&(b.preventDefault(),a.close())});l.bind("resize.simplemodal orientationchange.simplemodal",
function(){a.getDimensions();a.o.autoResize?a.setContainerDi

But for us humans, its really good practice to keep everything clean.

eg, take this as a base:
<div class="container">
    <table class="page_table">
        <tr class="page_table_row">
            <td class="page_table_cell center" colspan="8">{jrCore_lang module="jrAudio" id="53" default="no audio files were found"}</td>
        </tr>
    </table>
</div>

and see if you can figure out what tag i accidently forgot to close
A:
<div class="container">
    <table class="page_table">
        <tr class="page_table_row">
            <td class="page_table_cell center" colspan="8">{jrCore_lang module="jrAudio" id="53" default="no audio files were found"}</td>
        </tr>
    </table>

and B:
<div class="container"><table class="page_table"><tr class="page_table_row"><td  class="page_table_cell center" colspan="8">{jrCore_lang module="jrAudio" id="53" default="no audio files were found"}</td></tr></table>

If its pretty its easier to see where mistakes are. :)
michael
@michael
04/08/15 01:29:59AM
7,832 posts

This audio file is currently being processed


Using Jamroom

izhmel:
This from the hosting admin and it is still not working

Thank you for your screenshot.
It tells me that SOX binary should be loaded from folder

/home/dubmusic/public_html/dubmusic.com/modules/jrAudio/tools

But from what I see SOX binary file (/home/dubmusic/public_html/dubmusic.com/modules/jrAudio/tools/sox) is corrupted. I copied original SOX binary file from /usr/bin/sox into /home/dubmusic/public_html/dubmusic.com/modules/jrAudio/tools, so please check if all is working well now.
... and is it working well now?
michael
@michael
04/07/15 11:53:47PM
7,832 posts

Is it possible to automatically display all profiles in a gallery?


Using Jamroom

Form Designer gets stuff into the datastore.

Templates get stuff out of the datstore.

Just adding a new field to a form is only half the job.

researchcooperative:....Are there any examples of Jamroom sites where the profile forms ARE displayed for public view, and are also used as the base for profile searching?....

Here on jamroom.net perhaps, you can search here for profiles:
https://www.jamroom.net/profile

If your wanting to add other fields other than the default ones to be searched, the template controlling that page is found at:
ACP -> PROFILES -> USER PROFILES -> TEMPLATES -> index.tpl -> MODIFY

You'll see this line:
{jrSearch_module_form fields="profile_name,profile_url"}

The fields are the fields that are searched.

If your not using that module specific search, but rather the site-wide one, then you can add in Additional Search Fields into:
ACP -> LISTING -> SEARCH -> GLOBAL CONFIG -> Additional Search Fields
Quote: If you would like to have additional DataStore fields available for search, enter the DataStore field name, one per line.

Example:
If you have created a custom User Profiles field via the Form Designer called "profile_location" you would enter profile_location on a line by itself to enable that field to be searched.


researchcooperative:.....At this stage, I just need to see how a profile form can be made public,....

If your talking about the form then there is nowhere. The profile form (the input location where people type stuff in and submit it) is only shown to someone who has a profile. You can only see forms that belong to your profile.

If your talking about displaying some information that was collected via a profile form out to the screen, that can be done in a template in the skin.

The simplest version would be a file created at:
/skins/(YOUR SKIN)/some-name.tpl
{jrCore_list module="jrProfile"}

That would appear in the browser to anyone who visited the url:
your-site.com/some-name

The would see a list of profiles formatted in the default layout. The default layout is provided by the item_list.tpl file from the module.

so in the case of a profile thats:
/modules/jrProfile/templates/item_list.tpl

That is a naming convention, there are others.
item_detail.tpl = the main details page found on the profile
item_list.tpl = the formatting of the item in a list
item_action.tpl = the way it looks in the activity timeline
index.tpl = the main module list found at the base module url, eg your-site.com/profile

To over-ride any of those templates at skin level, you can copy it from:
/modules/jrProfile/templates/item_list.tpl
to
/skins/(YOUR SKIN)/jrProfile_item_list.tpl

and it will be over-ridden in all locations.

"Altering a Module's Template"
https://www.jamroom.net/the-jamroom-network/documentation/development/1051/altering-a-modules-template

Alternatively if you dont want to over-ride all locations with a new custom layout for the list template, you can provide one for just that particular location.

eg:
{jrCore_list module="jrProfile" template="custom-row-template.tpl"}
(call it whatever you like)
To get a base structure for that template layout, its a good idea to copy the default one from:
/modules/jrProfile/templates/item_list.tpl

to
/skins/(YOUR SKIN)/custom-row-template.tpl

Then make alterations. Any alterations will then ONLY effect that location that asks to use the template "custom-row-template.tpl".

If you want to know what variables you have available to you to use other than the ones that are listed in the default version of item_list.tpl, then you put in {debug} into that template and you can use any of the variables that are in there.

"{debug}"
https://www.jamroom.net/the-jamroom-network/documentation/development/1477/debug

The way the values for those variables get to being available in that {debug} dialog is because they got entered in via the Form Designer.
updated by @michael: 04/07/15 11:54:53PM
michael
@michael
04/07/15 03:05:01AM
7,832 posts

Adding an RSS feed from my own site into an activity page on my own site


Design and Skin Customization

index.tpl is the template that will show when none other is defined. This is not jamroom specific, its the way web servers work.

index.php
index.html

are other names that indicate the top. Sorry, I did not understand that that was the question.
michael
@michael
04/07/15 03:02:28AM
7,832 posts

Using Aparna to sell Featured slots


Design and Skin Customization

I just tried to implement it here and noticed that if we do it on their profile, then:

* It requires a new module to be built that allows for paid form submission of items to the database.

Or if we do it on the admin's profile where others come and buy the item, it requires the aparna module to be able to sell stuff. Last time I looked at it it worked with foxycart, but it seams some updates are needed to get the price field coming out.

Late here now, so I'll give it a better look tomorrow.
michael
@michael
04/07/15 02:29:21AM
7,832 posts

Slider of images


Design and Skin Customization

The Construction Kit module has a slider in it for Site Builder. Activate that and access it via the embed button in the widget editor. You can slide rotate profiles or images.
michael
@michael
04/07/15 02:26:15AM
7,832 posts

Changing Font Color / CSS


Design and Skin Customization

The color for the main content box is at:
ACP -> SKINS -> SLATE -> STYLE -> (type #content in the search box) -> background-color

Or you might mean the page background color which is at
ACP -> SKINS -> SLATE -> STYLE -> (type body in the search box) -> background-color
  558