Inconsistent Preview From Actions modalContent #18556
-
PackageActions Package Versionv4.1.9 How can we help you?Hi, i have an action to preview content in modal that looks like this Actions\Action::make('preview')
->label(__('preview'))
->color('gray')
->modalContent(fn ($record): View => view(
'snippets.iframe-preview-html',
['record' => $record, 'base64' => base64_encode(Str::markdown('<p>1</p>'))],
))
->modalFooterActions([])
->keyBindings(['mod+e']),However, the background of the content modal is inconsistent. (Sometimes it doesn't have background). The iframe html looks like this {{-- <iframe name="{{ $name ?? '' }}" src="data:text/html;base64,{{ $record->getBase64EmailPreviewData() }}" --}}
<iframe name="{{ $name ?? '' }}" src="data:text/html;base64,{{ $base64 ?? '' }}"
style="width: {{ $width ?? '100%' }}; min-height:1000px">
</iframe> |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 5 replies
-
|
I think you need to create a custom theme and add your Blade views or PHP files to @source '../../../../app/Filament';
@source '../../../../resources/views/filament';
... |
Beta Was this translation helpful? Give feedback.
-
|
After implementing your solution, it still result in inconsisten preview (1 out of 10) will trigger the no background issue. |
Beta Was this translation helpful? Give feedback.
-
|
Could you create a minimal repo on github to reproduce this issue? Please tag me |
Beta Was this translation helpful? Give feedback.
-
|
https://github.com/Lightz2002/current |
Beta Was this translation helpful? Give feedback.
-
|
I don't think Tailwind will work inside the frame. Maybe this works if you import into the frame's document, for example: $content = Str::markdown($this->data['content'] ?? '');
$html = <<<HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="p-6 bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-300">
$content
</body>
</html>
HTML;
$base64 = base64_encode($html);
...
->modalContent(fn ($record): View => view(
'iframe-preview-html',
[
'record' => $record,
'base64' => $base64,
],
)) |
Beta Was this translation helpful? Give feedback.
-
|
Ah I see, implemented this and It worked, Thankss |
Beta Was this translation helpful? Give feedback.
I don't think Tailwind will work inside the frame. Maybe this works if you import into the frame's document, for example: