Card Link Element

The Card Link element creates a navigation card that links to another page within your application.

---

Overview

Card Link is ideal for:

• Navigation menus
• Feature cards
• Section links
• Dashboard tiles
• Any in-app navigation

---

Adding a Card Link Element

1. Open the Website Builder
2. Find Card Link in the Elements panel
3. Drag it onto your page
4. Configure the target page in the General Tab

---

Properties

General Tab

Property	Description
Question Text	Card label or title
Target Page	The page to navigate to when clicked

Color Tab

Property	Description
Background	Card background color
Border	Card border styling
Text Color	Label text color

Dimensions Tab

Property	Description
Width	Card width
Height	Card height
Padding	Inner spacing
Border Radius	Corner rounding

---

Visual Display

Card Link displays as a clickable card:

┌─────────────────────────┐
│                         │
│      Card Title         │
│                         │
│         →               │
│                         │
└─────────────────────────┘

Clicking navigates to the target page.

---

Card Link vs Button with Card Link Event

Feature	Card Link Element	Button + Event
Appearance	Card style	Button style
Configuration	Direct page selection	Event configuration
Best for	Navigation cards	Action buttons

Use Card Link element for visual navigation tiles, Button with Card Link event for text-based navigation.

---

Use Cases

Dashboard Tiles

Cards: Reports, Settings, Users, Analytics
Each links to its respective page

Feature Cards

Cards: Product Info, Reviews, Support
Each links to detailed pages

Menu Items

Cards: Home, About, Services, Contact
Navigation menu as cards

Section Navigation

Cards: Getting Started, Documentation, FAQ
Links to help sections

---

Best Practices

1. Use clear labels - Make destination obvious

2. Size consistently - Keep navigation cards uniform

3. Provide visual feedback - Hover states help usability

4. Organize logically - Group related navigation together

5. Consider icons - Visual indicators improve scanning

---

Questions?

If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.

Useful Links:

Web Elements - https://help.acenji.com/#/./create-web-application/elements/index Button - https://help.acenji.com/#/./create-web-application/elements/button/index Card Link Event - https://help.acenji.com/#/./create-web-application/website-builder/floating-design-panel/element-section/events-tab/card-link/index

Was this article helpful?