• Login
  • Contact
  • Sitemap
  • Newsletter
  • Home
  • Extensions
  • Support
  • Resources
  • Store
About Contact Newsletter Contests Sitemap Contribute Statistics Privacy Policy
Commands Styles Textures Libraries Patterns Auto-Shapes Rich Symbols Swatches Plugins All Extensions
FAQ Tips and Tricks
Linkbase Articles Tutorials Video Tutorials Downloads Book Reviews
Commands Textures Libraries Illustration Patterns All Products ›
Home > Articles > How it works > auto-sizing-fixed-width-text-blocks   Printer-Friendly Version

auto-sizing-fixed-width-text-blocks

Tutorial ID 588 Author Thierry Lorey Nb of Downloads 0 Nb of Hits 263724 Date Added 1 March, 2010

Description

Auto-sizing and fixed-width text blocks.

Requirement

Fireworks CS4 and higher

Article

  1. Definitions
  2. Text in a Fireworks document appears inside a text block (a rectangle with handles). Text blocks are either auto-sizing or fixed-width blocks. Auto-sizing is also called point text and fixed-width area text.

    1. Point text or auto sizing = a text block that does not wrap based on a fixed width; if you select the text tool and simply click on the canvas, you get a point text object, because when you start typing it will just create one long line of text
    2. Auto-sizing text block isn't really a block but just a line of text whose width is whatever length that line is. I typically use this when creating short button label, interface labels, short headlines that do not wrap to multiple lines, etc.

    Auto-sizing and fixed-width

    Figure 1: Definition

  3. Scenario 1
  4. When you write a text with the Text tool you get by default an auto-sizing (point text) text block (with an empty square in the top right corner.

    To toggle between point and area text objects and retain the current text block width, double-click the text object type node (the empty/white node in the top right corner of the text object.)

  5. Scenario 2
  6. You can change a selected text block from auto sizing to fixed-width by resizing it: you drag a resize handle and the text block will switch to fixed-width.

  7. More options
  8. With Text in path where the block of text is bigger than the area of the path

    1. To increase (multiple) text blocks width, select the text blocks, and then select Commands > Text > Set Width. The text block will switch automatically to fixed-width
    2. To change fixed-width text blocks to auto-sizing, and vice versa, select the text blocks, and then select Commands > Text > Toggle Fixed Width.
  9. The Text Box Alignement Bug
  10. A bug was introduced with the switch to the Adobe Type Engine in Fireworks CS4 - when you switch between point and area text objects, the text shifts vertical position by 3 pixels and it knocks everything out of alignment. It is a very noticeable shift, and it is one of those bugs that makes Fireworks feel annoying (despite all of the other great Fireworks things.).

Where to go from here

  1. Fireworks CS5 Help

Related Tutorials

    No related tutorials.
Did you enjoy this article? Share it!
Share to Delicious Stumble It Share to Digg Share to Twitter Share to Mixx Share to Facebook Share to Technorati Share to NewsVine Share to Reddit Share to Google Share to Linkedin Share to Yahoo Share to Netvibes More...

3 Comments

1 . Pharmc296 says:
  August 21, 2010 at 21:47:21

http://yieapxo.com/qroxtxq/5.html
  Very nice site!
2 . Pharmc776 says:
  Your comment is awaiting moderation.
  September 26, 2010 at 05:14:34

http://apxoiey.com/qoxtst/5.html
  Hello! egegadd interesting egegadd site!
3 . alexc263 says:
  Your comment is awaiting moderation.
  September 29, 2010 at 03:51:20

http://opeyixa.com/qoxtto/5.html
  Very nice site!
 

Add Comment

 
Mail (will not be published) (required)  
Website  
 
   
 
  • YouTubeYouTube
  • RSS FeedRSS Feed
  • RSS FeedDelicious
  • MXNAMXNA
  • TweeterTweeter
  • FacebookFacebook 1
  • FacebookFacebook 2

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Adobe Links

  • Acrobat.com
  • Adobe TV Fireworks
  • Adobe TV Learn CS4
  • The Edge Newsletter
  • Fireworks Developer Center
  • BrowserLab
  • Fireworks CS5 Help
  • Packaging Extensions with Extension Manager CS5
  • Extending Fireworks CS4
  • Fireworks CS4 Help
  • Fireworks Help & Support
  • Forums
  • Fireworks LiveDocs
  • Inspire Team
  • Fireworks Exchange

Advertisement

  • 1fichier.com
  • Website Optimization
  • Global Articles
  • http://www.phphosts.org
  • TheWikiMag
  • Custom Logo Design
  • WebHostingDeals.org
  • Loans
  • Free Software Downloads
  • Shareware Downloads and Reviews

Sponsored links

  • Xfinity On Demand Programming

Sponsored Links

Addiction Recovery

Products

Seamless Textures Dot Patterns Checker Patterns graphicxtras

Adobe User Groups

  • Singapore User Group
  • Adobe Fireworks - San Francisco

Latest Comments

  • Customizing Fireworks Splash Screen
    Thanks for the tip. It worked perfectly...
  • Modern styles
    Great. Thanks. I will be sure to use t...
  • Modern styles
    Hi Tia, There are 2 files in the zip...
  • Modern styles
    Very nice styles. Downloaded, but file ...
  • How to blur background in Adobe Fireworks
    Thanks for sharing. This will make a gre...
  • Dragnet wireframes kit for Adobe Fireworks
    Hi Thierry! Nice share - but how do I...
  • auto-sizing-fixed-width-text-blocks
    Very nice site!...
  • Crystal button
    Hi Patzee, You are right Inner Glow ...
  • Crystal button
    I'm using CS5 and there is no way to set...
  • Crystal button
    Awesome... ! thanks for this tut ... ...

Random Links

    Netdiver
  • Netdiver
  • All the sites

Latest Tutorials

  • Grunge Text
  • How to make transparent background
  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Adobe Fireworks Command Panel Icons
  • Gesture library

Latest Extensions

  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Gesture library
  • Texture Collection 144
  • SelectionToMXMLClipboard v1
  • Arc Auto Shape

Latest Articles

  • How to make transparent background
  • Adobe Fireworks Command Panel Icons
  • How to export or import Keyboard shortcuts
  • Adobe Fireworks CS5 Keyboard Shortcuts
  • Low Memory Options

Copyright © 2013 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap