Concepts
Async Collaboration
Realtime Collaboration
Recorder
Control Panel
Recorder control panel component.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Overview
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode />
<VeltRecorderControlPanelWireframe.ThreadMode />
</VeltRecorderControlPanelWireframe>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode />
<VeltRecorderControlPanelWireframe.ThreadMode />
</VeltRecorderControlPanelWireframe>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-wireframe>
<velt-recorder-control-panel-floating-mode-wireframe />
<velt-recorder-control-panel-thread-mode-wireframe />
</velt-recorder-control-panel-wireframe>
</velt-wireframe>
Floating Mode
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode>
<VeltRecorderControlPanelWireframe.FloatingMode.Container />
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar />
</VeltRecorderControlPanelWireframe.FloatingMode>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode>
<VeltRecorderControlPanelWireframe.FloatingMode.Container />
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar />
</VeltRecorderControlPanelWireframe.FloatingMode>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-wireframe>
<velt-recorder-control-panel-floating-mode-container-wireframe />
<velt-recorder-control-panel-screen-mini-container-wireframe />
<velt-recorder-control-panel-loading-wireframe />
<velt-recorder-control-panel-action-bar-wireframe />
</velt-recorder-control-panel-floating-mode-wireframe>
</velt-wireframe>
Container (Floating Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Container>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton />
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltRecorderControlPanelWireframe.FloatingMode.Container>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Container>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton />
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltRecorderControlPanelWireframe.FloatingMode.Container>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-floating-mode-waveform-wireframe />
<velt-recorder-control-panel-collapsed-button-wireframe />
<velt-recorder-control-panel-paused-wireframe />
</velt-recorder-control-panel-floating-mode-container-wireframe>
</velt-wireframe>
Video (Floating Mode Container)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Waveform (Floating Mode Container)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-waveform-wireframe />
</velt-wireframe>
CollapsedButton (Floating Mode Container)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-wireframe>
<velt-recorder-control-panel-collapsed-button-on-wireframe />
<velt-recorder-control-panel-collapsed-button-off-wireframe />
</velt-recorder-control-panel-collapsed-button-wireframe>
</velt-wireframe>
On (CollapsedButton)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-on-wireframe />
</velt-wireframe>
Off (CollapsedButton)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-off-wireframe />
</velt-wireframe>
Paused (Floating Mode Container)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-paused-wireframe />
</velt-wireframe>
ScreenMiniContainer (Floating Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-mini-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-screen-wireframe />
</velt-recorder-control-panel-screen-mini-container-wireframe>
</velt-wireframe>
Video (Floating Mode ScreenMiniContainer)
This is the same Video component as used in the Floating Mode Container.
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Screen (Floating Mode ScreenMiniContainer)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-wireframe />
</velt-wireframe>
Loading (Floating Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-loading-wireframe />
</velt-wireframe>
ActionBar (Floating Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-wireframe>
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
<velt-recorder-control-panel-action-bar-time-wireframe />
<velt-recorder-control-panel-action-bar-waveform-wireframe />
<velt-recorder-control-panel-action-bar-toggle-wireframe />
<velt-recorder-control-panel-action-bar-stop-wireframe />
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-recorder-control-panel-action-bar-wireframe>
</velt-wireframe>
TypeIcon (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
</velt-wireframe>
Time (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-time-wireframe />
</velt-wireframe>
Waveform (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-waveform-wireframe />
</velt-wireframe>
Toggle (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-wireframe>
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-recorder-control-panel-action-bar-toggle-wireframe>
</velt-wireframe>
Pause (Toggle)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
</velt-wireframe>
Play (Toggle)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-wireframe>
Stop (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-stop-wireframe />
</velt-wireframe>
Clear (ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-wireframe>
Thread Mode
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar />
</VeltRecorderControlPanelWireframe.ThreadMode>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar />
</VeltRecorderControlPanelWireframe.ThreadMode>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-thread-mode-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-loading-wireframe />
<velt-recorder-control-panel-action-bar-wireframe />
<velt-recorder-control-panel-screen-mini-container-wireframe />
</velt-recorder-control-panel-thread-mode-wireframe>
</velt-wireframe>
Video (Thread Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Loading (Thread Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-loading-wireframe />
</velt-wireframe>
ActionBar (Thread Mode)
This ActionBar is similar in structure to the Floating Mode ActionBar but specific to ThreadMode.
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-wireframe>
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
<velt-recorder-control-panel-action-bar-time-wireframe />
<velt-recorder-control-panel-action-bar-waveform-wireframe />
<velt-recorder-control-panel-action-bar-toggle-wireframe />
<velt-recorder-control-panel-action-bar-stop-wireframe />
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-recorder-control-panel-action-bar-wireframe>
</velt-wireframe>
TypeIcon (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
</velt-wireframe>
Time (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-time-wireframe />
</velt-wireframe>
Waveform (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-waveform-wireframe />
</velt-wireframe>
Toggle (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-wireframe>
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-recorder-control-panel-action-bar-toggle-wireframe>
</velt-wireframe>
Pause (Thread Mode Toggle)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
</velt-wireframe>
Play (Thread Mode Toggle)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-wireframe>
Stop (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-stop-wireframe />
</velt-wireframe>
Clear (Thread Mode ActionBar)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-wireframe>
ScreenMiniContainer (Thread Mode)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-mini-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-screen-wireframe />
</velt-recorder-control-panel-screen-mini-container-wireframe>
</velt-wireframe>
Video (Thread Mode ScreenMiniContainer)
This is the same Video component as used in the main Thread Mode section.
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Screen (Thread Mode ScreenMiniContainer)
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-wireframe />
</velt-wireframe>
Was this page helpful?
On this page
- Overview
- Floating Mode
- Container (Floating Mode)
- Video (Floating Mode Container)
- Waveform (Floating Mode Container)
- CollapsedButton (Floating Mode Container)
- Paused (Floating Mode Container)
- ScreenMiniContainer (Floating Mode)
- Video (Floating Mode ScreenMiniContainer)
- Screen (Floating Mode ScreenMiniContainer)
- Loading (Floating Mode)
- ActionBar (Floating Mode)
- TypeIcon (ActionBar)
- Time (ActionBar)
- Waveform (ActionBar)
- Toggle (ActionBar)
- Stop (ActionBar)
- Clear (ActionBar)
- Thread Mode
- Video (Thread Mode)
- Loading (Thread Mode)
- ActionBar (Thread Mode)
- TypeIcon (Thread Mode ActionBar)
- Time (Thread Mode ActionBar)
- Waveform (Thread Mode ActionBar)
- Toggle (Thread Mode ActionBar)
- Stop (Thread Mode ActionBar)
- Clear (Thread Mode ActionBar)
- ScreenMiniContainer (Thread Mode)
- Video (Thread Mode ScreenMiniContainer)
- Screen (Thread Mode ScreenMiniContainer)
Assistant
Responses are generated using AI and may contain mistakes.