Knowledge Base Parta.io
  • Go to Parta.io
  • Parta.io
    • Knowledge Base
  • 🚀Start Here
    • Create Account
    • Home Dashboard Overview
      • Parta.io Functionality
      • Profile Settings
    • Glossary
  • ✍️COURSE BUILDER
    • Course Menu Overview
    • Build a Course
      • Create a Course
      • Create a Course Structure
      • Edit a Course Structure
    • Edit Project Sections
      • Edit Cover
      • Edit Contents page
      • Edit Quiz
        • Create quiz
        • Create quiz in content page
        • Add feedback
      • Move Sections between Courses
    • Edit Project Blocks
      • Add Blocks
      • Block Actions and Settings
    • Interact with Resources
      • Actions with Resources
    • Customize Block Elements
      • How to Use Simple Elements
        • Rich-text
        • Image
        • Video
        • Audio
        • File
        • Divider
        • Link
        • Button
        • Embedded code
      • How to Use Complex Elements
        • Table
        • Lists
        • Charts
        • Accordion
        • Active labels
        • Slider
        • Tabs
        • Slide reveal
        • Grouping
        • Card
        • Complex list
        • Simulations
    • Course translation
      • Localize a course manually
      • AI-Powered Translation
      • Connect Integration to Phrase
      • Translate projects with Phrase
      • Manage translations
  • 🖌️NO-CODE EDITOR
    • Create a unique block design
      • Basic entities: root, row, column, element, absolute
      • Basic entities settings
      • Add columns and elements to blocks
      • Add background layers using Absolute
    • Customize advanced element settings
      • "Grid" tab
      • "Element" tab
      • "Data" tab
    • Customize content for various screens
    • Actions with elements in Pro mode
  • 📝CUSTOM TEMPLATES
    • Create and Save Templates
    • Organize Templates into Collections
  • 🎨BRANDING
    • Branding Overview
    • Create Branding Theme
    • Apply Branding Theme
    • Actions with Branding Themes
    • Change Branding Theme in specific course
    • Upload own Fonts
  • 🤝COLLABORATION
    • Real-time Collaboration Overview
    • Invite Colleages to Collaborate within Course
    • Lock Sections from Editing
    • Manage Comments and Discussion
    • Navigate Version History
  • 🔎REVIEW
    • Create Public Link for Reviewing
    • Create Public Link for Commenting
    • Hide Sections before Sharing
  • 🗃️SHARED STORAGE
    • Resource Types, Storage Types
    • Organize Projects and Resources into Folders
    • Share within one company
    • Share outside company
  • 📅TASK MANAGEMENT
    • Create tasks
    • Track Projects Progress
    • Actions with Tasks
  • 🏢WORKSPACE MANAGEMENT
    • Set up Company Settings
      • Single Sign-on (SSO)
        • Set up SSO in Parta.io
    • Manage Company Users
    • Create Company Subaccounts
  • 📤Export
    • Export Courses
      • Export to LMS
      • Export PDF
    • Exclude Course Sections from Export
    • Navigate Export History
    • Update Courses in LMS
    • Debug Courses
    • Integration with LMS
  • 🔑Hot Keys
    • Keyboard shortcuts in Parta.io
  • ❓FAQ
    • How to change the number of attempts in the quiz
    • How to manage tasks
    • How to restore a deleted block
    • How to add a template to Favorites
    • How to attach a SCORM package in the Parta.io course
    • How to add a user to only one project
    • How to restrict course navigation for students
    • How to create a perfect Image Template
  • 🎨Branding management
    • Introduction
    • Create branding
      • Theme
        • Color scheme
        • Border and shadow
        • Logo
      • Typography and fonts
        • Add your custom fonts
        • Responsive design
      • Section
        • Header
        • Side panel
        • Section paddings
        • Test progress
        • Margins within the quiz
        • Answer feedback
        • Navigation buttons
        • Modal windows
      • Elements
        • Image
        • Audio
        • Video
        • List
        • Button
        • Divider
        • Table
        • Figure
        • Active labels
        • Card
        • Tabs
        • Accordion
        • Slider
        • Grouping
        • Slide reveal
        • Chart
        • File
        • Link
        • Simulations
        • Contents
        • Progress bar
        • Single choice
        • Multiple choice
        • Order
        • Mapping
        • Keyboard input
        • Image hotspot
        • Feedback
        • Quiz progress
        • Quiz description
        • Quiz status
    • Manage branding
    • Rebranding
Powered by GitBook
On this page
  • There are 2 ways to add columns:
  • 1. The first method to add a column
  • 2. The second method to add a column
  • Add elements to columns
  • Delete columns

Was this helpful?

  1. NO-CODE EDITOR
  2. Create a unique block design

Add columns and elements to blocks

To create a special layout for a block, add extra columns and arrange them in any order you like.

PreviousBasic entities settingsNextAdd background layers using Absolute

Last updated 1 year ago

Was this helpful?

There are 2 ways to add columns:

1. The first method to add a column

By clicking the "+" button. To do this, you need to select an existing column and specify a location for the new column in relation to the selected column, then click on the blue "+" button.

Remember, a column always comes with a row. When you create a column, a row holding that column is automatically created.

2. The second method to add a column

Splitting a column horizontally or vertically. To do this, you need to select an existing column and click on the splitting button located on the bottom left of the selected column.

Please note that the structure of rows and columns differs based on whether you add or split columns:

  • When you add a column by clicking the "+" button, a separate column, and sometimes a row (when adding columns above and below), will be created.

  • When you split a column horizontally or vertically, the new column will be added to the same row as the column you split.

Add elements to columns

After you add new columns, you will be able to add an element to the column. To do this, you need to select the column and click on the "Add Element" icon, then select the element.

Alternatively, you can add an element to a column by selecting the column and clicking on the "Slot" button located in the element's settings menu, then select the element.

Whether you click on the "add element" icon or the "Slot" button in the element's settings menu, you'll see the same pop-up window with element options.

Delete columns

To delete a column, simply click on the "delete" icon located in the bottom panel.

If a row contains only one column, deleting that column will automatically remove the entire row.

🖌️