Using The Ruler View

You can add a vertical and horizontal ruler view to the WebStarts page editor with measurement indicators for each 5 pixels of height and width on the page. You can also add custom guidelines for alignment and special reference points. Take a look at the steps, tips, and FAQs below to learn more.

  1. From the WebStarts editor, select the View tab, then select Ruler. Note, you can repeat this step if you wish to remove the ruler.
  2. A vertical ruler will appear aligned left and a horizontal ruler will appear aligned top. The vertical ruler starts at the top of the header (or page, if the header is hidden) and the horizontal ruler 0 point starts at the default minimum width of the page.
  3. To place a custom vertical guideline, hover over the vertical ruler and drag to the right and place the guideline as needed. Likewise, for a horizontal guideline do the same from the top. Guidelines for the desktop editor can be placed independent of mobile editor and vice versa.

Tip: To remove a previously added custom guideline, double click on the two-line handle or drag the guideline back to the ruler.


How do I use the ruler view in WebStarts?

To use the ruler view in WebStarts, start by opening your website in the editor. Then, click on "View" in the top menu and select "Ruler" to display the rulers along the top and side of your workspace. These rulers help you accurately position elements on your page by providing precise measurements. You can also click and drag from the ruler to create guidelines for aligning text, images, and other objects. This feature is particularly useful for maintaining a consistent layout across your web pages.

What are the steps to add custom guidelines in WebStarts?

To add custom guidelines in WebStarts, first enable the Ruler View by clicking on "View" in the top menu and selecting "Ruler." Once the ruler is visible, click and drag from either the horizontal or vertical ruler to the point on your page where you want to place a guideline. Release the mouse to set the guideline in place. This helps you align elements more precisely on your page. If you need to reposition a guideline, simply drag it to a new location.

Can I remove the ruler in the WebStarts editor?

Yes, you can remove the ruler in the WebStarts editor. To do this, go to the top menu bar and click on "View." From the dropdown menu, find and toggle the "Ruler" option to turn it off. This will hide the ruler from view, giving you a cleaner workspace while editing your site.

How do I align objects using the ruler in WebStarts?

To align objects using the ruler in WebStarts, first activate the ruler by clicking on "View" from the top menu and selecting "Ruler". Once the ruler is visible, you can drag guidelines from the ruler to your desired position on the canvas. This helps you position and align objects precisely by snapping them to these guidelines, ensuring consistent spacing and alignment. To further refine alignment, use the alignment tools in the toolbar, such as aligning objects to the left, center, or right.

What measurement indicators does the ruler view provide in WebStarts?

The ruler view in WebStarts provides measurement indicators in pixels, which help you accurately align and position elements on your website. These pixel measurements allow for precise adjustments, ensuring consistent spacing and alignment across your site's pages. You can use the ruler to gauge the distance from the edge of the canvas or between different elements, which is especially useful for creating a professional and visually appealing layout.

How do I place a custom vertical guideline in WebStarts?

To place a custom vertical guideline in WebStarts, start by navigating to the design editor. Click on the "View" button in the toolbar and ensure that "Rulers" and "Guidelines" are toggled on. Next, click and drag from the vertical ruler on the left side of the screen, and drop the guideline onto your page where you want it. You can freely adjust its position by clicking and dragging the guideline once it's placed.

Where can I find tips for using the ruler view in WebStarts?

For tips on using the ruler view in WebStarts, you can refer to their official support article at [WebStarts Help Center](https://help.webstarts.com/article/992-using-the-ruler-view). This guide provides detailed information on how to effectively use the ruler for precise placement of elements on your web pages. Additionally, you can explore community forums or video tutorials on platforms like YouTube for practical demonstrations and advanced tips from experienced WebStarts users.

Is there a way to use the ruler view separately for desktop and mobile in WebStarts?

Yes, in WebStarts, you can use the ruler view separately for both desktop and mobile versions of your site. This feature allows you to precisely adjust the layout and design elements for each version independently, ensuring optimal viewing on all devices. To access this, switch between the desktop and mobile editors within WebStarts, and the ruler view will adjust accordingly, helping you maintain a consistent but device-optimized design.

What should I do if my guidelines in WebStarts are not displaying correctly?

If your guidelines in WebStarts are not displaying correctly, try refreshing your webpage or clearing your browser’s cache. Often, display issues are resolved by simply reloading the content. If the problem persists, check if you have the latest version of your browser, as compatibility issues can affect how features like guidelines appear. You can also try accessing WebStarts from a different browser or device to see if the problem is specific to your current setup. If none of these steps work, contact WebStarts support for further assistance.

How can I adjust the ruler settings in the WebStarts editor?

To adjust the ruler settings in the WebStarts editor, first log in and open the page you want to edit. Once in the editor, navigate to the "Page" tab on the left-hand side and select "Rulers" from the dropdown menu. Here, you can toggle the rulers on or off as needed. You can also click and drag the ruler lines across the page to help align your elements precisely. If you want to change the units of measurement, click on the ruler icon and select your preferred units from the options provided.

Why is the ruler view useful for editing my WebStarts site?

The ruler view in WebStarts is useful for editing your site because it helps ensure precise placement and alignment of elements on your webpage. It provides a visual guide that allows you to measure distances and arrange components evenly, which can make your website look more professional and aesthetically pleasing. By using the ruler view, you can maintain consistent spacing, align text and images correctly, and improve overall layout accuracy. This tool is particularly valuable for designers who want to create a polished and balanced look for their website.

What are the benefits of using guidelines in WebStarts?

Using guidelines in WebStarts offers several benefits that enhance your web design process. Firstly, guidelines help you accurately align text, images, and other elements, ensuring a polished and professional-looking layout. They also aid in maintaining consistent spacing and structure across different pages, which improves the overall user experience. Additionally, guidelines can speed up your workflow by allowing you to easily replicate designs and quickly check alignment without constant adjustments.