PageDNA Inc
Documentation > PageDNA Style Building
   Next

PageDNA Style Building


Table of Contents

PageDNA Style Building
1. Introduction
2. Getting Started
3. How to Report Style-related Problems to PageDNA
4. Gather Specifications
5. Create Style File, New User Interface
Intro
Style Editor Gold in Transition
Accessing Style Editor Gold
Use "EGG" to Import Your Template
Editing Styles using Style Editor Gold
Define Page Size
Define Fonts
Define Leading
Font Consolidation
Uploading Fonts
Small Caps
Define Blocks
Using Columns in Blocks
Using Tabs in Blocks
Alter Phones (if necessary)
Upload EPS logos or Preview logos, if necessary
6. Create Style File, Old User Interface
Intro
Using Style Editor Gold
Use "EGG" to Import Your Template
Editing Styles using Style Editor Gold
Define Page Size
Define Fonts
Define Leading
Font Consolidation
Uploading Fonts
Small Caps
Define Blocks
Using Columns in Blocks
Using Columns combined with Bullets for a simple list
How to Indent only the First Line of a Paragraph.
How to set LINEWRAP for both hard and soft returns.
Using Tabs in Blocks
Alter Words (if necessary)
Upload combine image, if necessary
Upload EPS sub-logos, if necessary
Configure custom typesetting rules, sub logos, etc.
7. Creating Two-Sided Items
8. Dealing with Items Having a 'Bleed'
9. Typography Exceptions, New User Interface
Overview
Simple Logic Examples
Vertical Constraint
Enforce Maximum Lines
Change Leading
Change Height of Vertical Spacer
Change Font
Scale Wrapped Type to Fit Inside Vertical Maximum Height
Move Fields to Other Blocks
Horizontal Constraint
Scaling Long Lines
Scaling All Lines Uniformly
Word Wrapping
Word Wrapping - Wrap and Indent Subsequent Lines
Word Wrapping - Custom Wrapping
Turning Off Word Wrapping
Using a Tabbed Leader
Layout and Testing Options
Forced Case
Basic email wrapping at '@' symbol in Visual Style Editor
How to Split a Variable on Any Value
Slicing a Variable into any Length
Blank Phone Labels
Check Phones are Numeric
Check Phone Labels are Upper-cased
Check Phone Labels end with Colon
Check Phones are Complete
Controlling Phones with a Checkbox
International Phones
Setting Left Justified Phone Labels and Right Justified Numbers
Exclude certain characters as valid input
Remove Website if Not Selected
Conditional Font Change
Forced Justification / TRACKFILL
Changing Master (combine) Image by Division
Changing EPS Logo by User Selection
Working with Photos and Logos - VSE
Setting up a user photo or file upload field
Photo/Logo Cropping and Scaling
Enable User Controlled Image Cropping
Dynamic Block Positioning
Moving Blocks Around
Block Centered Between Two Other Blocks
Growing Blocks off Other Blocks
Rotating Blocks
Handling Rotated Type in EGG files
Drawing Lines with Dynamic Length
Dealing with Sublogos
Controlling Colors Dynamically
Controlling Fonts Dynamically
Controlling Fonts Dynamically - Advanced
Dealing with Wingdings and Zapf Dingbats (NONISOFONT)
Dealing With Barcodes
Counting total number of lines used to see if another will fit.
How to check if users select from more than one group.
10. Typography Exceptions, Old User Interface
Overview
Simple Logic Examples
Vertical Constraint
Enforce Maximum Lines
Change Leading
Change Height of Vertical Spacer
Change Font
Scale Wrapped Type to Fit Inside Vertical Maximum Height
Move Fields to Other Blocks
Horizontal Constraint
Scaling Long Lines
Scaling All Lines Uniformly
Word Wrapping
Word Wrapping - Wrap and Indent Subsequent Lines
Word Wrapping - Custom Wrapping
Turning Off Word Wrapping
Using a Tabbed Leader
Layout and Testing Options
Forced Case
Basic email wrapping at '@' symbol in Style Editor Gold
Blank Phone Labels
Check Phones are Numeric
Check Phone Labels are Upper-cased
Here is a way to check that any field is numeric.
Check Phone Labels end with Colon
Check Phones are Complete
Controlling Phones with a Checkbox
International Phones
Exclude certain characters as valid input
Remove Website if Not Selected
Forced Justification / TRACKFILL
Changing Master (combine) Image by Division
Changing EPS Logo by User Selection
Checking a variable for starting or ending patterns.
Applying Uniform Font Redcution across Multiple Blocks
Working with Photos and Logos - SEG
Photo/Logo Cropping and Scaling - Style Editor Gold
Dynamic Block Positioning
Moving Blocks Around
Block Centered Between Two Other Blocks
Growing Blocks off Other Blocks
Rotating Blocks
Drawing Lines with Dynamic Length
Dealing with Sublogos
Controlling Colors Dynamically
Controlling Fonts Dynamically
Dealing with Wingdings and Zapf Dingbats (NONISOFONT)
Dealing With Barcodes
11. Using Programming Logic in Styles
Overview
Using the IF command
Using the JOIN3 command
12. Creating a Variable Logo linked to a Location / Address
Overview
Site Preparation
Style Work - VSE
Style Work - SEG
13. Style Building Tips and Tricks, Visual Style Editor
Overview
Click for Larger Proofs
Commenting-out Lines in a Style
Stacking Image Layers
Adding a Watermark
Using DBG (Debugging Styles)
Creating Drop Shadows for Images and Text
Creating Great Proofs
Remove "Jaggies" or halos around type
"Zoom Blocks"
PDF Preview Links
Adding Proof labels for SosBackItems
Using Quotation Marks
"Using Percentage (%) Symbol"
Self Adjusting Phones and Titles
How to Use Images as Phone Labels
How to Use Bullets in PhoneWords
How to Use Images Inline with Text
How to Auto Populate the Current Date
How to Rotate Files for Delivery
Set Type on a Path (radial or "circular" text)
Special Variables: Item Tag, Product Code, Order Date and Token
14. Style Building Tips and Tricks, Style Editor Gold
Overview
Click for Larger Proofs
Commenting-out Lines in a Style
Stacking Image Layers
Adding a Watermark
Using DBG (Debugging Styles)
Creating Drop Shadows for Images and Text
Creating Great Proofs
Remove "Jaggies" or halos around type
"Zoom Blocks"
PDF Preview Links
Adding Proof labels for SosBackItems
Using Quotation Marks
"Using Percentage (%) Symbol"
Self Adjusting Phones and Titles
How to Use Images as Phone Labels
How to Use Bullets in PhoneWords
How to Use Images Inline with Text
How to Auto Populate the Current Date
How to Rotate Files for Delivery
Set Type on a Path (radial or "circular" text)
Special Variables: Item Tag, Product Code, Order Date and Token
15. Color Separation Tips
16. User-controlled type control using inline tagging
Overview
Preparing Style Files
Exposing Documentation To Users
17. Tips for Editing an Existing Style
How to Edit a Live Item on a Live Site
18. Testing Procedure for Variable Items
19. Zoom Blocks
20. Style Command Reference Guide
Intro
ANGLE
ANGLEBLOCK
ANGLEWORD
BORDER
BULLETWRAP
CAPWORD
CASE
CHAIN
CODE128
CODE39
COL
COND
CUSTOMCOLOR
DATAMATRIX
DWIMBLOCK
DWIMLINES
EAN13
EPSWORD
FONT
GLYPH
HCENTER
IF
IFSET
JOIN3
LINELINE
LINES
LINEWRAP
MIXEDFONT
MMFONT
NEWLINE
NONISOFONT
NOWRAP
NUMFORMAT
NUPBLOCK
PHONEWORD
PROCESSCOLOR
QRCODE
RECTANGLE
REGISTRATIONCOLOR
REVERSEWORD
RUN
SCFONT
SHIFT
SIDEBYSIDE
SPACED
SPACER
STACK
TAB
TABLE
UPCA
VCENTER
VLINEWORD
VSPACER
WORD
WORDJOIN
WORDSETFONT
WRAP
WRAPHERE
WRAPON
21. SEG and VSE Reference
Introduction to SEG
SEG Concepts
SEG Code View, VSE Preblocks and Postblocks
SEG and VSE Preview Tab
SEG and VSE Variables Tab
SEG and VSE Fonts tab
SEG and VSE Color Tab
VSE Phones Tab
VSE Blocks Tab
SEG, Words and Blocks Tab
SEG Other Tab
VSE Preblocks and Postblocks Tabs
22. EGG Reference
Intro
EGG Concepts
Variable Recognition
Fonts, Kerning and Tracking
Alignment
23. QR Codes
Introduction to QR Codes
Add a QR Code to a Business Card
How to Add a meCard
How to Add a VCard
A. Interpreting Python Error Messages
B. Form Field Name Reference
C. Uploading Fonts
D. Custom Kerning
E. What is a variable?
F. Frequently Asked Questions

List of Figures

4.1. Horizontal Justification, and Horizontal Alignment
5.1. Create a new style
5.2. Create a new blank style
5.3. Re-process an already uploaded EPS file
5.4. Select style window
5.5. Style Editor Gold Opening Screen for unconverted style.
5.6. Preview tab
5.7. Variables tab
5.8. Fonts tab
5.9. Colors tab
5.10. Phones tab
5.11. Blocks tab
5.12. Save button indicator – unsaved changes
5.13. Save button indicator – no changes
5.14. Manage styles window
5.15. Page window button
5.16. Page_window_prefs
5.17. Leading_2
5.18. Leading_1
5.19. Block edit window
5.20. Photo Block Edit Window
6.1. Style Editor Gold
6.2. Leading_2b
6.3. Leading_1b
8.1. Set bleed in EPS Egg upload screen
9.1. Tabbed Leader Using a Date
9.2. Tabbed Leader Label
9.3. Tabbed Leader Using Phones
9.4. Change Logo by User Selection
9.5. File Upload To Style Button Field
9.6. File Upload Button Field
9.7. Add Photo Block
9.8. Samples
9.9. Style shown with empty Photo Block added
9.10. Editing Photo Block attributes
9.11. Aspect ratio examples
9.12. Preserve Aspect Ratio results
9.13. Preserve Aspect Ratio results
9.14. Crop + Preserve Aspect Ratio Results
9.15. Crop + Preserve Aspect Ratio Results - wide photo
9.16. File Upload To Style Button Field
9.17. File Upload Button Preflight Photo Controls
9.18. Photo block with Crop enabled
9.19. Tall photo with cropping
9.20. Wide photo with cropping
9.21. Photo block with bleed
9.22. File Upload Popup
9.23. File_upload_options
9.24. Generic Gold File Options
9.25. Cropping Tool
9.26. Cropping Fnished
9.27. Desired Behavior of Example Style
9.28. Activate the Sublogo Form
9.29. Locate Sublogo Form in Menu
9.30. Configure Sublogo Form
9.31. Upload EPS to /con directory
9.32. Create "Generic_Gold" drop-down input for colors
9.33. Create "Generic_Gold" drop-down input for font
9.34. Font options
9.35. List options
9.36. Dingbat Used as a Separator in a Phone Number
9.37. Barcode Using a Scalefactor
9.38. Barcode with Size Restricitons
10.1. Tabbed Leader Using Phones
10.2. Tabbed Leader Using Phones
10.3. Tabbed Leader Using Phones
10.4. Style shown with Photo Block added
10.5. Aspect ratio examples
10.6. Preserve Aspect Ratio results
10.7. Preserve Aspect Ratio results
10.8. Crop + Preserve Aspect Ratio Results
10.9. Crop + Preserve Aspect Ratio Results - wide photo
10.10. File Upload To Style Button Field
10.11. File Upload Button Field Preflight Photo Controls
10.12. Photo block with Crop enabled
10.13. Tall photo with cropping
10.14. Wide photo with cropping
10.15. Desired Behavior of Example Style
10.16. Activate the Sublogo Form
10.17. Locate Sublogo Form in Menu
10.18. Configure Sublogo Form
10.19. Upload EPS to /con directory
10.20. Create "Generic_Gold" drop-down input for colors
10.21. Create "Generic_Gold" drop-down input for font
10.22. Dingbat Used as a Separator in a Phone Number
10.23. Barcode Using a Scalefactor
10.24. Barcode with Size Restricitons
11.1. Phones Tab
12.1. Upload to the con Directory
12.2. Extra Field Names
12.3. Personal Page Dropdown
12.4. Extra Field Info
12.5. Address List Show All
12.6. Photo Block Example
12.7. No Logo preview in VSE
13.1. Zoom1 Preview for Larger Proofs
13.2. Zoom1 Preview for Larger Proofs
13.3. Preview block layer setting
13.4. Watermark Sample
13.5. Adding a photo block
13.6. Add photo block options
13.7. Phonedrop_with_images
13.8. Inline_image
13.9. Text on a Path in Upper Half
13.10. Text on a Path - Top and Bottom Halves
13.11. Text with Arcs Not Joined Inside and Outside
13.12. Text with Arcs Joined Inside and Outside
14.1. Watermark Sample
14.2. Phonedrop_with_images2
14.3. Inline_image
14.4. Text on a Path in Upper Half
14.5. Text on a Path - Top and Bottom Halves
14.6. Text with Arcs Not Joined Inside and Outside
14.7. Text with Arcs Joined Inside and Outside
18.1. Preview Window for Testing Styles
19.1. Sample Proof Using Zoom Block
19.2. Dims Explanation
19.3. Adding New Zoom Block
19.4. Editing Preview HTML
20.1. ANGLE alignment example
20.2. BULLETWRAP in action
20.3. Sample Table Output
20.4. Bullet Table Output
20.5. Phoneword Table Output
20.6. Sample Phone Table Output
20.7. Sample Hours Table Output
20.8. Sample Header Table Output
20.9. Sample Linewrap Table Output
21.1. Select style window
21.2. Blocks tab
21.3. Code view tab
21.4. Preview form
21.5. Html preview form
21.6. Normal preview form
21.7. Variables form
21.8. Fonts form
21.9. Mixedfont form
21.10. Wordset field
21.11. Scfont form
21.12. Colors form
21.13. Phones form
21.14. Alignment and block position
21.15. Block edit window
21.16. Photo Block Edit Window
21.17. Block settings window
21.18. Block list window
21.19. Block list window in Merge mode
21.20. Block list window vertical align mode
21.21. Block list window block locking
21.22. Page window button
21.23. Page window
21.24. Other form
21.25. Enable block logic
22.1. EGG example of a simple business card. Most text is recognized.
23.1. Item Form Showing Both File Upload and QR Link Fields
23.2. Image Block for QR Code
23.3. 50 Character QR Code
23.4. 100 Character QR Code
23.5. 150 Character QR Code
23.6. meCard
C.1. Opentypefonts1
C.2. Opentypefonts2b
C.3. Opentypefonts3b 1
C.4. Opentypefonts4b 1
C.5. Opentypefonts5 1
E.1. Variable_collection
E.2. Variable form editor

   Next
 

©2013 PageDNA Inc. - All Rights Reserved / Privacy Statement / Follow us on Twitter @PageDNA