Ashi Ashi~
Ashi Ashi~
Explore posts from servers
NNuxtFFilament
PostsComments
NNuxt
Created by Ashi Ashi~ on 1/9/2025 in #❓・help
Nuxt 3 Layout
In Nuxt 3, I have the following structure in my app.vue: 
<template>
  <nuxt-route-announcer />

  <nuxt-layout>
    <nuxt-page />
  </nuxt-layout>
</template>
<template>
  <nuxt-route-announcer />

  <nuxt-layout>
    <nuxt-page />
  </nuxt-layout>
</template>
For one of my pages, I set the layout to false inside the definePageMeta and used the following structure: 
<template>
  <nuxt-layout name="history-details">
    <template #side-content>
      side
    </template>

    <main>
      main
    </main>
  </nuxt-layout>
</template>
<template>
  <nuxt-layout name="history-details">
    <template #side-content>
      side
    </template>

    <main>
      main
    </main>
  </nuxt-layout>
</template>
My main goal is to use a named slot within the history-details layout. However, if I set layout: "history-details" in definePageMeta, I cannot leverage the named slot. That’s why I am using this structure instead, based on the Nuxt documentation on overriding layouts.
Is this approach valid, or am I doing something wrong?
5 replies
FFilament
Created by Ashi Ashi~ on 10/6/2024 in #❓┊help
Question: How to Customize Filament File Upload Card Layout with Switch for Marking as Main
I'm working on a Filament form to handle file uploads, specifically for images. I need to customize the layout of each uploaded image's card to include an input switch (or a toggle) for adding labels or marking the image as the main image. The goal is: To add an input switch to each image card that lets me mark the image as the main one. Possibly allow the user to add a label to the image using a simple text field or toggle switch. Has anyone done something similar, or can anyone point me in the right direction? I'm looking for guidance on how to override the default layout of the image cards and implement these custom inputs. Filament version: 3.x Laravel Version: 11 Thank you in advance!
2 replies