Up to
60% OFF
before November 30th
Features
Database and API-builder
Store your data and configure API
Backend-scenarios
Setup data processing workflows
Web-page builder
Design mobile-friendly UI
Blockchain and Web3
Leverage blockchain in your app
Integrations
Connect your app with other services
Cloud no-code platform
Scale your app stress-free
Solutions
Who uses Directual and why?
Software developers
Avoid routine tedious work
Startup founders
Launch amazing new products
Product owners
Examine business hypothesis
Freelancers and agencies
Lower costs of  services
What can be built on the platform?
Internal apps
Admin and user portals, CRM, LMS
Backend-heavy apps
Data integration and processing
Telegram Mini Apps
Unlock access to 950M+ audience
Web3 apps
Crypto processing, dApps, DAOs
Smart chat-bots
Human-like communications
AI-agents
Integrate LLM to your app
What industries benefit from Directual?
HR automation
Streamline HR operations
Pricing
Learn
Directual blog
Product news and market insights
Documentation
Directual reference manual
FAQ
Frequently asked questions
No-code academy
Become a no-code expert, fast
Webinars
Live no-code workshops
Community
Meet & greet like-minded no-coders
Why Directual
Case studies
Explore detailed success stories
Grants for education and NPO
Get Directual credits for free as a student,  educator, or an NPO
Switch to Directual
Why Directual is so special?
Directual vs. Bubble
Directual vs. Xano
Directual vs. Make
Directual vs. Airtable
Directual vs. Honeycode
🇬🇧
What's new?
S stands for Solopreneur: How to Build a Million-Dollar Business Alone in 2025
July 3, 2025
10 Myths That Block You From Building Real AI Agents
June 4, 2025
6 steps towards competitive analysis: no-coder edition
March 26, 2025
All updates →
Product
PricingDatabase and API-builderBackend-scenariosWeb-page builderBlockchain and Web3IntegrationsCloud no-code platform
Who uses Directual?
Software developersProduct ownersStartup foundersFreelancers and agencies
What can be built on Directual
Internal appTelegram Mini AppWeb3-appBackend-heavy appSmart chat-botAI-agent
What industries benefit from Directual?
HR automation
Learn Directual
Directual blog
Documentation
FAQNo-code academyCommunityWebinarsGlossary
Why Directual?
Case studiesGrants for education and NPOWhy Directual is so special?Platform comparisonSecurity
Resources
Merch
Development roadmap
Brand assets
Legal
Terms of servicePrivacy policyCookie policy
Company
About usCareersPressContact us
Academy
101-crash-course
Configuring layout

Configuring layout

Web-pages
Next tutorial
Introduction
Directual basics
5:19
What can be built on Directual
7:37
Database
Configuring database
5:02
Directual Query Language
1:23
System data structures
1:18
API
GET- and POST-requests
7:26
User-based security
4:44
Webhooks
3:59
Filtering & Sorting
3:50
Request parameters
5:38
Web-pages
Configuring layout
4:49
General settings of web-pages
10:03
Form
12:59
Cards and Table
9:22
Action buttons
29:06
Parameters and subpages
19:24
Filters for Cards/Table
1:50
Scenarios
The basics of Directual scenarios
14:54
Global and context variables
6:56
Configuring steps. Part 1
10:13
Configuring steps. Part 2
7:43
Dealing with arrays
8:02
Dealing with dates
11:03
More are coming soon...

How to customize the layout of components on the page using the Directual web interface builder.

  • Using the web interface builder;
  • Using additional settings of components;
  • Configuring and adding tabs;
  • Using different components.

Key points

Related documentation

Setting up web-pages layout

Meet & greet like-minded no-coders

Hop into our cozy community and get help with your projects, meet potential co-founders, chat with platform developers, and so much more.

Join Directual community
Product
PricingDatabase and API-builderBackend-scenariosWeb-page builderBlockchain and Web3IntegrationsCloud no-code platform
Solutions
For software developersFor product ownersFor startup foundersFor freelancers & agenciesInternal appsTelegram Mini AppsWeb3-appsBackend-heavy appsSmart chat-bots
Industries
HR-automation
Learn Directual
Directual blog
Documentation
FAQNo-code academyCommunityWebinarsGlossary
Why Directual
Case studiesGrants for education & NPOWhy Directual is so special?Platform comparisonSecurity
Resources
Merch
Roadmap
Brand assets
Legal
Terms of servicePrivacy policyCookie policy
Company
About usCareersPressContact us
🇬🇧