Support for Artisteer

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.
2/6/2010 7:26:37 PM
Gravatar
Total Posts 70

Re: Support for Artisteer

Is this thread dead?

2/7/2010 8:32:07 AM
Gravatar
Total Posts 18439

Re: Support for Artisteer

I still haven't had time to look into it. I plan to look into it but I can't make any promise that I can produce any result. It is on my to do list among many things. Any of you out there in the community who are good with CSS could also try working on this if you are enthusiastic to use Artisteer.  I do not even know if it is possible using their current product. I have it on my to do list to evaluate their product and try to see if it is extensible to do this but for all I know it is not.

Artisteer could probably make their product able to generate mojoPortal skins, but I imagine they choose what to work on based on demand and what they think will increase their product sales. There are lots more DNN installations out there than mojoPortal so it seems natural that they make their product support DNN to tap into a larger market. What we need is more mojoPortal users to petition Artisteer to make it support mojoPortal, if enough people request it maybe they will do it.

Best,

Joe

2/10/2010 6:10:37 AM
Gravatar
Total Posts 18439

Re: Support for Artisteer

fyi, I contacted Artisteer:

Hi,
I am the founder and primary developer of mojoPortal, an open source CMS in ASP.NET.
Users of mojoPortal keep asking me about Artisteer support, so I'm beginning an evaluation of your product to see if it is feasible.
I see that you already support DotNetNuke templates.
I wonder if you might consider working together to get support for mojoPortal in your product, I would be glad to help in any way to make that happen and would even consider giving you some free advertising for Artisteer on mojoportal.com with prominent placement for a period of time.

Their response:

Hello Joe,

We currently have a list of 80 CMS products that our customers asked us to support and we are very busy working on some of them plus maintaining the ones we already support.
We also have many other tasks related to Artisteer functionality therefore unfortunately we do not see a way to work with you until we finalize many of our other priorities first.

However, Artisteer includes all CMS support files in open source format, therefore you can copy and modify the DNN export files to support your CMS.

For example some of our customers and partners are implementing support for their CMS applications within Artisteer by modifying the open source files that Artisteer installs.
Here is one of such companies:
http://www.grafxsoftware.com/news.php/Ready-for-next-Company-Website-Builder-and-Artisteer/1/72/

Also, the CMS at http://www.quickersite.com/ is using Artisteer HTML templates with their CMS even without changing the output.

We recommend that you try to do the same that the above companies did, while we can answer basic questions from you.

Best regards,

Paul Hudson
Extensoft, Inc.
/ Artisteer
Artisteer - The Automated Web Designer

So I guess it can only happen if I figure out a way to do it myself. Maybe I will have to add the Artisteer css class names in mojoPortal to make it easier. At some point I will try this but I have many things on my to do list.

Best,

Joe

2/16/2010 6:13:04 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Support for Artisteer

Wow, I'd never heard of Artisteer before, but what an amazing program. This really brings web design (almost) down to the level of a word processor, where the average person could really create a unique, attractive design for a site. For what it's worth, I put in a request at their site that they add support for mojoportal.

I've been working on mojoPortal skinning for a few weeks now, so as a learning exercise I created a test Artisteer HTML skin and tried to convert it for mojoPortal use. The first thing I realized is that with mojoPortal we are limited to using the 3-column layout in Artisteer. In addition to this, the names of all of the div IDs and classes are hardcoded in mojoPortal, so I came up with an initial set of conversions:

#art-main -> .pagebody

.art-Sheet -> #wrapwebsite
.art-Header -> #wrapheader
.art-Header-jpeg -> #wrapheader
.art-nav -> #menu-container
.art-contentLayout -> #wrapcenter
.art-Footer -> #wrapfooter

.art-sidebar1 -> .leftside
.art-sidebar2 -> .rightside
.art-content -> .center-rightandleftmargins
.art-content-sidebar1 -> .center-leftmargin
.art-content-sidebar2 -> .center-rightmargin
.art-content-wide -> .center-nomargins
 

After converting the div names in the generated Artisteer CSS, I almost had something worth looking at, although it was missing some of the "flair".

The final, insurmountable problem I ran into is that Artisteer outputs many more containing divs than mojoPortal supports. These divs are required to style many of the whiz-bang effects that make Artisteer so compelling. Just for one example, "art-Sheet-tl", "art-Sheet-tr", etc. are needed for the site to background transition effects.

Joe, I know you have your hands full for the foreseeable future, but I really think it would be worth somehow modifying (or extending) the skinning in mojoPortal to allow the use of tools like this one. Maybe there could be some sort of tool that visually designs and outputs a layout.master with a companion file that mojoPortal can use to know what divs are available?

2/16/2010 6:35:47 PM
Gravatar
Total Posts 18439

Re: Support for Artisteer

Hi Jamie,

It's funny you find this thread just now as I'm actually planning to work on this tomorrow afternoon. It is encouraging to hear that your experiments went fairly well. My plan is to actually add the Atristeer css classes where they need to go in mojoPortal, not counting the ones that go in layout.master. And then make a reference skin or two based on Artisteer templates and maybe a video tutorial. (assuming I can get it all working)

As far as the needed extra html markup, I have a plan for that as well by adding a control that can render the needed extra markup where it needs to go, but can also be disabled and would be disabled by default to avoid adding the markup to existing skins, but it will only require a setting in the theme.skin file of the skin to opt in and enable it. We have something similar already with the extra markup for corner rounding http://www.mojoportal.com/rounding-corners.aspx

I'm really on the verge of a new release and have some bug fixes that need to ship asap, but plan to spend an afternoon to see how far I can get to implement this for the coming release because if it falls together as I hope it would make it much easier to adapt the html templates produced by Atrtisteer. So maybe in this coming release but if I run into difficulty I will punt until the next release to try and add support for Artisteer.

I definitely think it is worthy to invest time in it, if I could make an easy path from their html templates to a mojoPortal skin it would definitely be a big boost for mojoPortal.

Best,

Joe

2/16/2010 7:33:06 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Support for Artisteer

Excellent news Joe! I know you've said in the past that "if something's beautiful in mojoPortal, chances are someone else did it." After playing around with Artisteer, I have a feeling that if you can get this working, you may just end up removing a good chunk of your delivered 3rd party skins and creating some originals of your own to replace them. I suspect that in the long run that would lower your skinning workload quite a bit! :)

I'm really looking forward to seeing how it all comes together!

Jamie

2/18/2010 3:15:39 PM
Gravatar
Total Posts 18439

Re: Support for Artisteer

I didn't get to work on this yesterday as I had hoped but I've spent about 5 hours on it today. The design I'm working with came from this site which has a bunch of html templates generated with Artisteer. I wish I had bookmarked the actual design, now I will have to look for it again.

At any rate the original looks like this:

artisteer design

So far after 5 hours my mojoPortal skin looks like this:

artisteer mojoportal skin progress

I'm pretty happy with progress so far, basically I'm adding some of the Artisteer CSS classes where they need to go and adding some options to enable the extra markup needed. I'm hoping to release a new version in a few days with this skin as the first one based on Artisteer. I may need to refine things further in coming releases as I learn about variations in the templates generated by Artisteer, but it is a good start. Once I get it all worked out I will write an article about how to convert an Artisteer html template to a mojoPortal skin, and my goal is for it to be pretty easy.

Anyway, thought I would share my progress.

Cheers,

Joe

2/18/2010 5:41:29 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Support for Artisteer

Wow Joe, that's great progress already! This is going to open up mojoPortal skinning like crazy.

Maybe you'll be able to get Artisteer to cross-promote mojoPortal once the new release is ready. That would be aweome.

Jamie

2/19/2010 3:36:59 PM
Gravatar
Total Posts 18439

Re: Support for Artisteer

I worked on this all day today. Basically, I created a few controls that by default render no extra markup but can be turned on from theme.skin file to render the extra markup for Artisteer. Yesterday I implemented a CSS Adapter for the menu to render it as needed for Artisteer menus. So after implementing the support controls most of the work was mechanical, adding the extra controls to existing features and pages where needed as well as adding some extra css classes in a few places to make everything friendly for converting an Artisteer html template to a mojoPortal skin.

You can checkout my progress so far on demo.mojoportal.com using the skin named artisteer-7greenk.

The design is from 

http://freetemplates.quickersite.com/QuickerTemplates.com%20III/7_green_k/page.html

Check out my version at demo.mojoportal.com

I'm sure I've missed a few things and invite your eyes to find any issues or missing styles, but I think I've mostly finished it except for a few refinements like the orange buttons. 

Since I've only done 1 Artisteer design I can't be sure yet whether it will be easier with my next design or if I missed anything needed for general support of Artisteer designs, but I think I'm on the right track and hope that the next one will be much easier so I can then document the steps to convert an html template to a mojoPortal skin. We shall see, it may take a few more iterations before I have it all worked out.

That said, I think the first skin is looking great and have a feeling I'm on the verge of making it really easy to use Artisteer to make mojo skins.

It has been a long friday, signing off for now.

Cheers,

Joe

2/19/2010 4:49:42 PM
Gravatar
Total Posts 2239

Re: Support for Artisteer

The Feed Manager CSS needs an additional rule in case the module is placed in either the right or left column:

stylefeedmanager.css

.rightside .rssnavright, .leftside .rssnavright,
.rightside .rssnavleft, .leftside .rssnavleft,
.rightside .rsscenter-rightnav,
.rightside .rsscenter-leftnav,
.leftside .rsscenter-rightnav,
.leftside .rsscenter-leftnav{
  width: 215px;
}

 

I am loving the Artisteer support! I think it will definitely help mojoPortal's popularity!

Later,
Joe D.

2/20/2010 10:40:19 AM
Gravatar
Total Posts 70

Re: Support for Artisteer

Wow !!! 

I'm happy to see this great Idea back to life and getting a "shape" already. Congrat's Joe.

PS: Your job with the newskin in demo.mojoportal.com is GREAT !!! 

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