Stacks Image 693

X-Sizer Stack

X-Sizer is a must have utility tool for any serious RapidWever web designer.


0 ratings

Instant download.
Requires: Stacks v3.5 or greater.
Version : 2.0.8
Released: 1/9/2013
Last Updated : 14/9/2016

0px
You must preview
Measuring Window Width

Stack Info

Overview

X-Sizer allows you to get size information about various elements of your page, in a few different ways.

Window mode: In window mode the stack will display a ruler the entire width of the window that you may drag up and down the window to get information about the documents scroll position, and the position of any element relative to the top of the document.

Container mode: In container mode, you see a ruler displayed in the stack you placed it. This will give you the exact width of the available horizontal space inside the stack, so you can better decide on an appropriate image size for example.

NEW responsive mode: So if you place a stack in this mode, then drag the window to the smallest possible width, and back to the largest possible width, it will record the target width it has ever been, so you can better decide on an appropriate image size for example.

Important note : We would not expect you to publish a page with an X-Sizer stacks in it like we have here for the demo. It's intended for you to use in RapidWeaver to gather your sizing information, and then remove X-Sizer from the page before publishing.

Settings

In this section, we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 848
Mode

Just one simple setting for the stack. The options are :

  • Measure container.
  • Measure window.
  • Measure container.

Edit Mode

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

The stack displays a representation of it's self in edit mode, showing the current mode selected for the stack, but can not give you any size information until you preview the page inside Rapidweaver.

Stacks Image 867
FAQ

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Live Demo

MODE 1: Window mode: In window mode the stack will display a ruler the entire width of the window that you may drag up and down the window to get information about the documents scroll position, and the position of any element relative to the top of the document. (You can try dragging the window mode demo up and down the screen now.)

Stacks Image 978
As Wide As It Gets
You must preview
Measuring Window Width

MODE 2: New responsive mode: So if you place a stack in this mode, then drag the window to the smallest possible width, and back to the largest possible width, it will record the largest width it has ever been, so you can better decide on an appropriate image size for example.

Stacks Image 647
Container Mode
You must preview
Measuring Window Width

MODE 3: Container mode: In container mode, you see a ruler displayed in the stack you placed it. This will give you the exact width of the available horizontal space inside the stack, so you can better decide on an appropriate image size for example.

Buy Now

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Missing image

© 2018 Doobox Software. Building premium Software Mac & RapidWeaver™