App- CTA
Overview
The App CTA section in VirtuApp is used to configure floating buttons and control their placement along the edges of the application interface.
1. Navigation Path
Settings → VirtuApp → App CTA
2. Add Floating Button
The Add Floating Button panel contains the following configuration fields:
| Field | Description | Available Options |
|---|---|---|
| Edge | Defines the screen edge where the floating button will appear. | Left, Right, Top, Bottom |
| Position | Defines the button's position along the selected edge. | Start, Center, End |
3. Configuration Steps
4. Edge and Position Reference
| Edge | Position | Expected Placement |
|---|---|---|
| Left | Start | Upper end of the left edge |
| Left | Center | Middle of the left edge |
| Left | End | Lower end of the left edge |
| Right | Start | Upper end of the right edge |
| Right | Center | Middle of the right edge |
| Right | End | Lower end of the right edge |
| Top | Start | Left end of the top edge |
| Top | Center | Middle of the top edge |
| Top | End | Right end of the top edge |
| Bottom | Start | Left end of the bottom edge |
| Bottom | Center | Middle of the bottom edge |
| Bottom | End | Right end of the bottom edge |
5. Expected Behavior
- The selected Edge determines which side of the application displays the floating button.
- The selected Position determines whether the button appears at the start, center, or end of that edge.
- The configured placement should be reflected in the VirtuApp interface after the settings are saved and applied.