Eric L's dashboard

Hi Rayman,

You can achieve pixel perfect design within our studio, and it can achieve everything that a text editor or Dreamweaver can achieve. The Sitemasher page builder has one of the most powerful and flexible layout capabilities on the market, versus the more template driven or restrictive layout capabilities that many of our competitors have. I will try my best to answer your questions.

1. Regarding your image resizing - images should maintain their size when you drag them on the page. If the image happens to be a skewed in size for some reason, hit the image reset button. See the screenshot below



2. There are two main modes for page layouts - relative and absolute. If your page layout is absolute, everything you drag inside it will default to absolute positioning. Just like in Dreamweaver, absolute position elements can be dragged around freely. In a relative layout, elements dragged in defaults to relative layout. In this case, like in Dreamweaver, you must use CSS to position objects. You can still use drag and drop to reorder objects in relative mode.

Panels (which are divs) have the same layout modes that will determine if objects inside it will be absolute or relative, as well as floated (the left-to-right panel preset).

You can modify the CSS of EACH element in the visual CSS on the right hand side panel. This means you can change the position (absolute versus relative) for each element and override its container.

3. Of course, if you are using absolute positioning and dragging it by hand, the positioning will be as exact as your hand allows. When trying to do pixel-perfect design in Sitemasher, you should input exact values in the visual css editor (see below) on the right hand side panel or use CSS classes from the style sheet tab..



Hope this answers your questions.

Hi Kristen,

Sitemasher is a complete platform that manages the entire development process. This means that sites are built as well as hosted on our platform, on our own servers. Check out the Sitemasher overview page to learn more about our product at http://www.sitemasher.com/overview. Click on the managed hosting page to find out about the details of our hosting services.

Thanks. I just realized that in the widget box you have option to put the feedback under different areas in topics - and the default is questions.

Hi Stevie,

Right now, we are revamping the roles and permissions system. The documentations will be up very shortly and can be viewed in our help section. We will keep this topic posted once the new documentations are completed. Thank you for your patience.

You can apply two classes to text in the same content block, but you must use custom html code for the time being. First, you must enable custom HTML in content blocks on your site. The steps can be found here -

http://getsatisfaction.com/sitemasher...

Next, go to a content block and click on the HTML tab. This is the HTML view of your content block. Here is an example of adding different classes to the string "Hello World".

(span class="redText")Hello(/span)(span class="blueText")World(/span)

*replace the ( with < and ) with > above

HTML tags are needed around piece of text you want a class applied to - in this case we used the span tag which has little functional purpose other than for applying classes. You also can apply the class to the p tag, the h1 tag, etc.

In the future we will have a class dropdown in the user interface so that the user can just highlight a piece of text and apply a style.

What stylesheet properties did you give the class? It seems like you are doing everything correctly.

Hi Trackkie,
I will assume your button is an image. Simply drag in your image onto the page. Then, set it as a link with the insert link button (the one that looks like a chain with the plus symbol on the top left of the toolbar). Once you've set it as a link, click on your image again, and go properties tab on the right hand side under the element configurations panel. Under properties (the gear button), you will see the image tab. Under the image tab, you will see the "Rollever Image" option where you can set the rollover image of your button.

Hi Tank. Right now changing site wide properties is not so intuitive, but this will change very shortly. In order to change the bounding box of the page, you must

1) Create a site page
2.) Select the page, then look for the breadcrumb near the bottom of the page
3) Select the top-level item (furthest left) of the breadcrumb, which will be your site
4) Now you can access the properties tab on the element configuration panel on the right
5) You will see a property called "optimal width". Change this to any value you want to change the bounding box of the site. If you do not wish to have a bounding box, you can set this value to 100%.

Hope this helps!.

Yay!

Yes it is. First, you must enable HTML in content blocks for your site. To do this,

1) Create a web page if you do not already have one.
2) Select a page, and in the breadcrumb navigation below, select the left most item (which will be your site).
3) Once your site is selected, go to the element configurations panel on the right hand side. Under the page tab, there is a check box called "Enable HTML Widget in Content Blocks". Check this box.
4) Refresh your browser
5) From now on under the objects tab, you will see an object called HTML Widget under Components.
6) Simply drag the HTML widget onto your page, double click on it, and add any custom code.