SAP Adobe Forms for ABAP Developers
Instructor-Led Paid Online Training
WhatsApp: +1-646-727-9273
e-Mail:
[email protected] www.sapyard.com
Day 2 – Form Designing using Texts and Images
• Naming Convention for Layout components
• Form Designing
• Texts in Adobe Forms
❑ Include Text ( SO10 )
❑ Text Module ( Smart form Texts )
❑ Rich Text Integration ( Advanced feature using XHTML )
• Images/Graphics in Adobe Forms
• Practical examples
Naming Convention of Layout Components:
Object Identifier (Prefix) Example
Master Page MP<free text> MPFirstPage
Detail Page DP<Free text> DPFisrtPage
Content Area CA<Free Text> CAFirstPage
Image / Image Field IMG<Free Text> IMGHeaderLogo
Text / Text Field TXT<Free Text> TXTCompanyAddress
Sub Form SBF<Free Text> SBFItemDetails
Table TBL<Free Text> TBLItemData
Table Header Row THDR<Free Text> THDRItemData
Table Body Row TBDY<Free Text> TBDYItemData
Table Footer Row TFTR<Free Text> TFTRItemData
Texts In Adobe Forms:
• Text Modules
❑ These are cross-client texts maintained in T-Code SMARTFROM
• Include Texts
❑ These are SAPScript / Standard text which can be maintained in T-Code SO10.
• Dynamic Texts
❑ SAPscript texts stored in an internal table with the row type TLINE. ( Table type TSFTEXT )
• XHTML texts
• Text saved in Extensible HTML which can be identified by ADS. UI app with Formatted Tet Editor Field can be used to create this text.
Formatting of texts in different scenario:
Text Type Transaction to create/Maintain Style
Include Text SO10 SE72 ( and the same formatting
needs to be created in
SMARTSTYLE )
Text Module SMARTFORMS SMARTSTYLE
XHTML texts UI app ( with Formatted text N/A ( Formatting and translation
Editor ) can be maintained in the app
data )
Sample UI app for maintaining Formatted text:
XHTML tags allowed by ADS:
Formatting Type HTML Tag XHTML tag Example Output
Bold <strong> <b>
Italic <em> <i>
Underline <u> <u>
Heading 1 <h1> <p style="text-decoration:none;letter-spacing:0in;font-size:14px">Header1</p>
( Equivalent tag is <p> but we can decide the font size of each heading )
Heading 2 <h2> <p style="text-decoration:none;letter-spacing:0in;font-size:12px">Header2</p>
Heading 3 <h3> <p style="text-decoration:none;letter-spacing:0in;font-size:10px">Header3</p>
Unordered HTML List <ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
Ordered HTML List <ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
Text Color <p <span style="color:#0000FF;font-size:14px "><b>SAPYARD</b></span>
style="color:DodgerBlue;">SAPYAR
D</p>
