Sharing a Form:

Bolt Pro will provide your users with a new tab, that let them share the form to social media and other webpages very easily.

To customize the social media sharing icons or use any other widget, create the file: resources/views/vendor/zeus/filament/social-share.blade.php.

and add any social platform you want.

Embedding a Form

the embed forms will be accessible from the route name bolt.form.embed the url is; /bolt/embed/$form->slug

to customize the layout you can create the file: resources/views/vendor/zeus/filament/embed-layout.blade.php

the default content:

 1<!DOCTYPE html>
 2<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ __('filament-panels::layout.direction') ?? 'ltr' }}" class="antialiased filament js-focus-visible">
 3<head>
 4    <meta charset="utf-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1">
 6    <meta name="csrf-token" content="{{ csrf_token() }}">
 7    <meta name="application-name" content="{{ config('app.name', 'Laravel') }}">
 8 
 9    <!-- Seo Tags -->
10    <x-seo::meta/>
11    <!-- Seo Tags -->
12 
13    <link rel="preconnect" href="https://fonts.googleapis.com">
14    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15    <link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=KoHo:ital,wght@0,200;0,300;0,500;0,700;1,200;1,300;1,600;1,700&display=swap" rel="stylesheet">
16 
17    @livewireStyles
18    @filamentStyles
19    @stack('styles')
20 
21    <link rel="stylesheet" href="{{ asset('vendor/zeus/frontend.css') }}">
22 
23    <style>
24        * {font-family: 'KoHo', 'Almarai', sans-serif;}
25        [x-cloak] {display: none !important;}
26    </style>
27</head>
28<body class="font-sans antialiased bg-gray-50 text-gray-900 dark:text-gray-100 dark:bg-gray-900 @if(app()->isLocal()) debug-screens @endif">
29 
30<div class="container mx-auto my-6">
31    {{ $slot }}
32</div>
33 
34@stack('scripts')
35@livewireScripts
36@filamentScripts
37@livewire('notifications')
38 
39<script>
40    const theme = localStorage.getItem('theme')
41 
42    if ((theme === 'dark') || (! theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
43        document.documentElement.classList.add('dark')
44    }
45</script>
46 
47</body>
48</html>

bolt

On this page

Sharing a Form:

Embedding a Form

On this page

On this page

#Sharing a Form:

#Embedding a Form

On this page

Sharing a Form:

Embedding a Form