នៅក្នុងមេរៀនមុន យើងបានស្គាល់អំពី Layout នៅក្នុង Vaadin រួចមកហើយ ប៉ុន្តែមិនទាន់បានស្គាល់អំពី ធាតុ (Components) ទាំងអស់ដែលមាននៅក្នុង Layout នេះទេ ។ ថ្ងៃនេះ TechFree សូមបង្ហាញអំពីធាតុ មួយផ្នែកដែលមាននៅក្នុង Layout នេះ គឺ Vertical និង Horizontal layout ។Vertical និង Horizontal layout គឺជារូបរាងមួយដែលត្រូវបានគេប្រើសំរាប់រៀបធាតុខាងក្នុងទៀតឲ្យមាន របៀបរៀបរយ ។
១) Vertical Layout
Vertical គឺជាការរៀបធាតុដែលនៅក្នុងនោះជាលក្ខណៈជួរឈរ ។ សូមមើលរូបខាងក្រោម ៖
ខាងក្រោមនេះគឺជាកូដនៃលទ្ធផលខាងលើ ៖
២) Horizontal Layout
Horizontal layout គឺជាការរៀបធាតុនៅខាងក្នុងជាលក្ខណៈជួរដេក។ សូមមើលរូបខាងក្រោម ៖
ខាងក្រោមនេះគឺជាកូដរបស់ Horizontal layout ខាងលើ ៖