Skip to main content link. Accesskey S
  • Anonymous
  • Log on
  • Help
  • IBM logo
  • IBM Forms wiki
  • All Wikis
  • Home
  • Community Articles
  • Product Documentation
  • Learning Center


Search

Advanced Search

Categories

Tag Cloud

  • 3.0
  • 3.5
  • 3.5.1
  • 4.0
  • 4.0.0.1
  • 4.0.0.2
  • 8.0
  • accessibility
  • actions
  • API
  • app dev
  • button item
  • buttons
  • C
  • certificates
  • COM
  • compute
  • computes
  • configuring
  • creating
  • defining
  • demonstration
  • demos
  • deployment
  • deployment scenario
  • design
  • design tips
  • Designer
  • designing
  • dev guide
  • develop
  • developing
  • differences between Webform Server and Viewer
  • education
  • Enablement
  • enterprise
  • error messages
  • events
  • field
  • field item
  • FileNet
  • filtering
  • form
  • formatting
  • forms
  • forms experience builder
  • Forms Services Platform
  • FSP
  • functions
  • getting_started
  • Help
  • IBM Forms
  • images
  • installing
  • integrating
  • integrating, 4.0.0.1
  • items
  • JAVA
  • JavaScript API
  • language
  • languages
  • layout
  • lf_intro
  • math functions
  • methods
  • new_user
  • options
  • P8
  • performance
  • pipelines
  • pipes
  • printing
  • programming
  • Properties
  • samples
  • services
  • signature item
  • signatures
  • spec
  • string functions
  • strings
  • StrJava
  • submissions
  • table
  • tables
  • text
  • training
  • translation
  • Turbo
  • turbo_media
  • tutorials
  • utility functions
  • video
  • Viewer
  • viewer package
  • Webform Server
  • WebformServer
  • XFDL
  • XForms
  • XPath
InformationInformation
You are currently viewing machine translated content. IBM translation might be available. Click IBM Translated Product Documentation to see what is available.X


Home > Best Practices for Form Design > Use absolute positioning
Rate this article 1 starRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars

Use absolute positioning 

expanded Abstract
collapsed Abstract
No abstract provided.

Image:Using the correct font for your locale Image:Using the correct font for your locale

Absolute positioning allows you to precisely place items by setting their x and y coordinates in pixels. Each absolutely positioned item contains its own location and extent information and is therefore independent of other items on the form. On the other hand, items with relative positioning are positioned in relation to other items on the form. Their itemlocation information is dependent upon an anchor item. If you move the anchor item, all of its dependent items move to maintain their positions relative to the anchor item.

Absolute positioning is preferred because relative positioning affects more than the location of items. Relative positioning can also affect the alignment and size of items. Any adjustments to the location or size of an anchor item could potentially affect numerous other items. Additionally, to secure the itemlocation of a relatively positioned item, you must sign the positioning of the anchor item.

Using absolute positioning guarantees that the location and extent of items are not reliant on other items. Each item contains its own itemlocation information, making signature filtering easier and more precise. Therefore, forms with absolute positioning are more difficult to compromise.

An item’s own itemlocation code is the only factor in determining its absolute positioning. On the other hand, the same item positioned relatively could depend on several other anchor items, which in turn could be dependent on still other items. Displacement of a single anchor item could result in a domino effect of misplaced and mis-sized items.

Example


The following code samples compare the itemlocation information of an identical button. The first sample uses relative positioning, while the second uses absolute positioning.
    <button sid="BUTTON1">
    <value>Print</value>
    <itemlocation>
    <after>LABEL1</after>
    <expandl2c>BUTTON3</expandl2c>
    <offsetx>-94</offsetx>
    <offsety>70</offsety>
    </itemlocation>
    <button>
    Relative positioning depends upon a number of variables. Items may even be anchored to more than one anchor item. For example, LABEL1 and BUTTON3
    <button sid="BUTTON1">
    <value>Print</value>
    <itemlocation>
    <x>200 </x>
    <y>200 </y>
    <width>130</width>
    <height>22</height>
    </itemlocation>
    </button>
    Absolute positioned items contain all of their own itemlocation information.





Exceptions to this practice

If you are transferring form information from a database table with an indefinite number of rows, you must use relative positioning. Moreover, some forms have dynamically created sections, such as a purchase order form that allows users to add multiple rows. In such cases, you must use relative positioning.

expanded Article information
collapsed Article information
Category:
Best Practices for Form Design, Forms Designer, Webform Server, Forms Viewer, Signature Best Practices,
Tags:
signatures

This Version: Version 19 March 28, 2011 5:07:55 PM by Neal A Timpe  IBMer

expanded Attachments (0)
collapsed Attachments (0)

 


expanded Versions (19)
collapsed Versions (19)
Version Comparison     
Version Date Changed by               Summary of changes
This version (19) Mar 28, 2011 5:07:55 PM Neal A Timpe  
18 Dec 2, 2010 6:10:21 PM Jack Mitchell  
17 Apr 15, 2009 5:11:26 PM Deanna Drschiwiski  
16 Sep 8, 2008 2:39:54 PM Deanna Drschiwiski  
15 Sep 8, 2008 2:37:41 PM Deanna Drschiwiski  
14 Sep 8, 2008 2:35:08 PM Deanna Drschiwiski  
13 Sep 8, 2008 2:32:42 PM Deanna Drschiwiski  
11 Sep 8, 2008 2:06:57 PM Kevin Giles  
11 Sep 8, 2008 2:06:57 PM Kevin Giles  
10 Sep 8, 2008 2:04:19 PM Kevin Giles  
9 Sep 8, 2008 2:00:10 PM Kevin Giles  
8 Sep 8, 2008 1:59:56 PM Kevin Giles  
7 Sep 8, 2008 1:46:23 PM Deanna Drschiwiski  
6 Sep 8, 2008 1:44:16 PM Deanna Drschiwiski  
5 Sep 8, 2008 1:37:47 PM Deanna Drschiwiski  
4 Sep 8, 2008 1:34:53 PM Deanna Drschiwiski  
3 Jun 12, 2008 2:10:40 PM Adam Kozyniak  
2 Jun 10, 2008 6:23:04 PM Adam Kozyniak  
1 Jun 9, 2008 7:14:05 PM Adam Kozyniak  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedSubscribe to RSSHelpAbout
  • All Lotus and WebSphere Portal wikis
  • IBM developerWorks
  • IBM Software support
  • IBM Social Business User Experience Blog
  • IBMSocialBizUX on Twitter
  • IBMSocialBizUX on Facebook
  • Lotus product forums
  • IBM Social Business UX blog
  • IBM Collaboration Solutions
  • Recently added feedRecently added
  • Recently edited feedRecently edited
  • Recently added comments feedRecently Added Comments
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Contact IBM
  • IBM Terms of use
  • Wiki terms of use