skins

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/24/2013 11:33:02 PM
Gravatar
Total Posts 27

skins

I am new to mojoPortal and was wanting to know how I can change backgrounds, or header jpg etc.

 

I also downloaded the mojoPortalSkin.artp and it says to To Install the Plugin, extract the .zip file and then drag the .artp file onto Artisteer 4 or double click it. Then you willl see an option in Artisteer to export a mojoPortal skin where is this done at. Is it done within in file manager or where.

Thanks,

ewh

1/25/2013 8:36:55 AM
Gravatar
Total Posts 2212

Re: skins

Hi,

To use the mojoPortal Skin Exporter for Artisteer, you must have Artisteer 4 installed on your computer. Once you have it installed, all you need to do is double-click the Skin Exporter plugin you downloaded from the mojoPortal site and it will be installed into Artisteer.

All of that is done on your computer, not on your server.

HTH,
Joe D.

1/25/2013 8:52:52 AM
Gravatar
Total Posts 27

Re: skins

sorry but new to mojoportal

is there a way to edit skins with out that or do I  need it.

I have 2.3.5.5 on server so do I need to download that version on my computer or is it ok to download and use Artisteer 4

1/25/2013 9:45:45 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: skins

Artisteer is certainly not the only way to skin. Other options are:

  • Use a delivered mojoPortal skin, and optionally tweak it to look like you want.
  • Use one of the skins created under the mojoPortal HTML 5 skins initiative (or use it as a starting point for your own changes).
  • Develop a skin from scratch (this is the most work, and only recommended if you are very good with CSS and have a lot of time).
  • Pay a third party to develop a skin for you. Joe D.'s company i7MEDIA has expert designers on staff.

Whether you decide to use Artisteer or not, I highly recommend you upgrade your mojoPortal installation to the latest code line. There have been a lot of changes to the layout rendered by mojoPortal since 2.3.5.5.

Jamie

1/25/2013 9:49:02 AM
Gravatar
Total Posts 27

Re: skins

I would like to upgrade but its on a web hosting server that I use.

for Use one of the skins created under the mojoPortal HTML 5 skins initiative (or use it as a starting point for your own changes). do I just edit the css or how do  I go about editing a skin all ready there

 

1/25/2013 10:00:11 AM
Gravatar
Total Posts 18439

Re: skins

Neither Artisteer 4 skins nor the mojoPortal html 5 skins are compatible with older versions of mojoPortal.

1/25/2013 10:01:07 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: skins

You'll need to be on a recent version to use the HTML 5 skins, since some changes were made to mojoPortal so it would render the right markup. I don't see any reason why you shouldn't be able to upgrade a hosted installation of mojoPortal, assuming you have access to the file system and database. The installation documentation should cover every thing you need--just make sure you have a good backup of the file system and database before starting.

1/25/2013 10:28:26 AM
Gravatar
Total Posts 27

Re: skins

Is there a way to edit the skins I have now would it be in the css file or where
1/25/2013 11:04:39 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: skins

Yes, in general you will use a tool like Firebug to identify the CSS that you want to change, then you locate the corresponding CSS file, make the change(s), and test the results.

Read through the Design and Skinning documentation for more detailed information.

1/25/2013 12:33:21 PM
Gravatar
Total Posts 27

Re: skins

ok thanks

this may sound crazy put I have clicked on the download button at the top to download the then version and nothing happens.

1/25/2013 12:44:20 PM
Gravatar
Total Posts 18439

Re: skins

You need to read what it says on the download page, it links to codeplex where the download files are hosted. You will also need to know what .NET framework version your hosting has so you can choose the correct package to download from codeplex.

Hope that helps,

Joe

1/25/2013 1:24:13 PM
Gravatar
Total Posts 27

Re: skins

so if I have 3.5 and MS SQL I would download mojoportal-2-3-9-4-mssql-net35-deploymentfiles.zip correct

 

1/25/2013 1:30:03 PM
Gravatar
Total Posts 18439

Re: skins

correct

1/25/2013 1:31:36 PM
Gravatar
Total Posts 18439

Re: skins

If your 3.5 hosting is medium trust hosting you should also read the section at the bottom of the article Understanding the theme.skin file

1/25/2013 3:15:31 PM
Gravatar
Total Posts 27

Re: skins

ok I like the firebug option. So after I find the css with firebug do I need to go to the server and find the css and make changes there and what would I use to change the css notepad or something.

1/25/2013 3:29:03 PM
Gravatar
Total Posts 27

Re: skins

also where are the skins located at. Do I go under what ever skin Im using and look for the css there

1/25/2013 3:37:59 PM
Gravatar
Total Posts 18439

Re: skins

See the Design and Skinning Overview to get started and from there its good to review the rest of the design documentation.

1/28/2013 9:15:30 AM
Gravatar
Total Posts 27

Re: skins

I notice it says to turn caching off but i can not find that option on my version of mojoPortal can it be done with the version i have 2.3.5.5
1/28/2013 10:05:51 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: skins

You'll need to use some config keys to accomplish this. Set the following in your user.config, then touch web.config so the changes are picked up. Be sure to remove these when you're done, if you're working on a production site.

   <add key="CombineCSS" value="false" />
   <add key="MinifyCSS" value="false" />
   <add key="CacheCssOnServer" value="false"/>
   <add key="CacheCssInBrowser" value="false"/>

Jamie

1/28/2013 10:21:59 AM
Gravatar
Total Posts 18439

Re: skins

I don't recommend setting CombineCss to false. If you do that the browser will cache it and we have no control over caching in that case.

In newer versions of mojoPortal one should leave those settings alone and after editing css just go to Administration > Advanced Tools > Design Tools > Cache Tool and click the button to reset the skin guid.

For older versions you can use the settings Jamie mentioned except for the CombineCss setting. I do not recommend ever setting that to false.

1/28/2013 11:06:37 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: skins

Hey Joe, I only use that setting only when working with Firebug, so I can identify which CSS file needs to be changed. Without it, the source file always shows up in Firebug as something like https://[site]/csshandler.ashx?skin=[skinname]&s=1&v=2.3.8.6&sv=aa729a89-cd21-4f1d-b3fe-fec1b82eca8d, which isn't really helpful in locating the file that needs to be edited. Is there some other way to get the original CSS source filename to show up?

Thanks,

Jamie

1/28/2013 11:12:07 AM
Gravatar
Total Posts 18439

Re: skins

If MinifyCss is false I can usually figure out pretty easily from style.config which file a particular css rule is coming from.

Best,

Joe

1/28/2013 1:56:45 PM
Gravatar
Total Posts 27

Re: skins

I have looked ever where and for some reason I can not find the user.config files location

1/28/2013 2:02:00 PM
Gravatar
Total Posts 18439

Re: skins

We don't ship a user.config file because we don't want to overwrite it during upgrades. We ship a file named user.config.sample in the root of the web that can be re-named to user.config. In fact if mojoPortal is installed by the web platform installer it automatically renames this file and puts the database connection string there.

If you do manually rename the file then you need to copy your database connection string from web.config into user.config

​user.config can override settings from the <appSettings section of web.config, that is the only thing it can do, no other parts of web.config can be added to user.config.

Hope that helps,

Joe

1/28/2013 2:08:46 PM
Gravatar
Total Posts 27

Re: skins

I am trying to do like Jamie suggest

<add key="MinifyCSS" value="false" />
   <add key="CacheCssOnServer" value="false"/>
   <add key="CacheCssInBrowser" value="false"/>

I am trying to edit the viktorpersson the hobbit alt1 I really like that skin just need to change a couple of things like images, title color etc

1/28/2013 2:11:52 PM
Gravatar
Total Posts 18439

Re: skins

modifications to user.config are not automatically detected, so whenever you edit it you need to then touch web.config, ie type a space in it and save.

 

1/28/2013 2:29:36 PM
Gravatar
Total Posts 27

Re: skins

I dont see user.config or user.config.sample

1/28/2013 2:40:37 PM
Gravatar
Total Posts 27

Re: skins

what is the easiest way to edit some images and font color.

1/28/2013 3:10:01 PM
Gravatar
Total Posts 27

Re: skins

I found the config file

Just need to know the easiest way to edit mojoPortal

1/28/2013 3:31:02 PM
Gravatar
Total Posts 27

Re: skins

Think I figured most of it out. Jamie I like those add keys you suggested it made finding them in the css sheet easier with what line its on etc.

You must sign in to post in the forums. This thread is closed to new posts.