ipf-(direction)separator

Inserts a separator in the background of the element.

• Format: ipf-verticalseparator(Image,Size)
• Format: ipf-horizontalseparator(Image,Size)

  Image can be an image URL, or omitted, in which case a black line is inserted. The image is placed in the center of the container and repeated in the relevant direction. Due to the repetition, the image used for the separator is normally one pixel tall or wide, depending on the separator direction, unless some special effect is desired.

  Size can be omitted or a tuple with [Width, Height]. It can be used only when an image is supplied. Width and Height scales the image to the specified length in the corresponding dimension. Using the width/height tuple can be useful to make the portal handle high density displays better, as the physical image can be larger than what is rendered on the device, thus preventing the fuzziness that otherwise could occur when the image is shown on a high density display. If used, the image would typically be twice the size in both dimensions compared to the desired rendered size.

• Default parameter value: no separator
• Not inherited
• Examples: ipf-horizontalseparator on the text box labels, where the labels have been center aligned to show the separator on both sides of the text:
  
  

  ipf-horizontalseparator on the cell to the right of the Email label:

  
  
  

  ipf-horizontalseparator(Images/bullet.png) on the text box labels, where the bullet.png image is a filled blue circle:

  
  
  

  ipf-verticalseparator on the Email label and on the cell to the right of it:

  
  
  

  ipf-verticalseparator(Images/vsep.png) (a 1x3 pixel image) on the Email label and on the cell to the right of it: