Form Panels

GG

EasyAdmin has come a long way (glad to see the yaml config gone)

Finally! the last tutorial of EasyAdmin Course! Many thanks for your great efforts!

I'd like to organize my edit/show-Page in three 'logical' columns. Just like tabs but without the need to click to switch between them. setColumns() is available on addPanel() and addTab() but unfortunately does nothing. If I just added setColumns() to all of my fields, I'd have to reorder them in the code to get them to appear in logical colums. That's somewhat inconsistent IMHO.
Is there an easy way to achieve what I'm trying to do or do I have to create a custom twig template for the page? And if so, how would I do that?

Everything worked in this course. Thank you all so much. It was a fantastic learning experience.

Simply for the record, on this last chapter, if I use addTab() instead of addPanel(), the question edit pages errors with

The "edit" page of "App\Controller\Admin\QuestionCrudController" uses tabs to display its fields, but the following fields don't belong to any tab: . Use "FormField::addTab('...')" to add a tab before those fields.

I even swapped in the finish code from the course download code. /Downloads/code-easyadminbundle/finish/src/Controller/Admin/QuestionCrudController.php

Any ideas on what the problem is? Thanks again.

Hello and Thank you for that tutorial... Very useful to take advantage of it.

Let me ask you something you didn't talk about.

Let me assume that we have a Crud for Courses and Some Participants (based on a OneToMany Relation).
I want to build a fully operational CourseParticipants Crud that is called by an Action 'participants' on Courses Crud (With index, show , edit, create and delete features)
but maintaining the parent course id on every pages inside it.?

So I don't want to open index of all participants but only those belonging to that course. And when I create a new one, i want to set internaly the parent course.

How do you think it is the best way to solve that?

Cheers!!!!!!

Thanks for this awesome course. EasyAdmin looks pretty amazing. But i think what's really missing is a repeater component, so you can have master/detail forms. Like for example having a form on the top for creating an order and then a repeater at the bottom to add multiple order line items.

Sorry for the inconvenience, can someone tell me how to access the server parameters (Example: COMPUTERNAME or REMOTE_ADDR) and session variables (Example: _security.last_username) in an EasyAdmin CRUD. Both in the CRUD configuration of the fields and/or in any custom event that you develop.

Hello everyone and thank you to the SymfonyCast team for this series published to learn how to use the EasyAdmin Bundle as a pro.
I'm a French speaker and I used deepl to translate this text.
My problem isn't directly related to the series, but to an application I'm developing. The relevant parts of my code are shown below. In my TerminologyCrudController, I have two AssociationFields (englishTerm and frenchTerm) which I have processed in accordance with the documentation. Both the "englishTerm" and "frenchTerm" associations use the "renderAsEmbeddedForm" function to refer to the "EnglishCrudController", which in turn contains two "CollectionFields". When I run this code, everything works normally, except for the button linked to the "CollectionField". Nothing happens when I click on either of them.
Is there something I've missed or that I'm not doing correctly? Thanks for your help.

// Entity Terminology

<?php

namespace App\Entity;

use App\Repository\TerminologyRepository;
use Doctrine\Common\Collections\ArrayCollection;
use Doctrine\Common\Collections\Collection;
use Doctrine\ORM\Mapping as ORM;

#[ORM\Entity(repositoryClass: TerminologyRepository::class)]
#[ORM\HasLifecycleCallbacks]
class Terminology
{
    #[ORM\Id]
    #[ORM\GeneratedValue]
    #[ORM\Column]
    private ?int $id = null;

    #[ORM\Column]
    private ?\DateTimeImmutable $createdAt = null;

    #[ORM\Column(nullable: true)]
    private ?\DateTimeImmutable $updatedAt = null;

    #[ORM\OneToOne(mappedBy: 'term', cascade: ['persist'])]
    private ?EnglishTerm $englishTerm = null;

    #[ORM\OneToOne(mappedBy: 'term', cascade: ['persist'])]
    private ?FrenchTerm $frenchTerm = null;

    #[ORM\ManyToOne(inversedBy: 'refTerminologies')]
    private ?Bibliography $reference = null;

    #[ORM\Column]
    private ?bool $isApproved = false;

    #[ORM\ManyToOne(inversedBy: 'terminologies')]
    private ?User $updatedBy = null;

    public function getId(): ?int
    {
        return $this->id;
    }

    public function getCreatedAt(): ?\DateTimeImmutable
    {
        return $this->createdAt;
    }

    public function setCreatedAt(\DateTimeImmutable $createdAt): static
    {
        $this->createdAt = $createdAt;

        return $this;
    }

    public function getUpdatedAt(): ?\DateTimeImmutable
    {
        return $this->updatedAt;
    }

    public function setUpdatedAt(?\DateTimeImmutable $updatedAt): static
    {
        $this->updatedAt = $updatedAt;

        return $this;
    }

    public function getEnglishTerm(): ?EnglishTerm
    {
        return $this->englishTerm;
    }

    public function setEnglishTerm(EnglishTerm $englishTerm): static
    {
        // set the owning side of the relation if necessary
        if ($englishTerm->getTerm() !== $this) {
            $englishTerm->setTerm($this);
        }

        $this->englishTerm = $englishTerm;

        return $this;
    }

    public function getFrenchTerm(): ?FrenchTerm
    {
        return $this->frenchTerm;
    }

    public function setFrenchTerm(FrenchTerm $frenchTerm): static
    {
        // set the owning side of the relation if necessary
        if ($frenchTerm->getTerm() !== $this) {
            $frenchTerm->setTerm($this);
        }

        $this->frenchTerm = $frenchTerm;

        return $this;
    }

    #[ORM\PrePersist]
    #[ORM\PreUpdate]
    public function updatedTimestamps(): void
    {
        $this->setUpdatedAt(new \DateTimeImmutable());

        if ($this->getCreatedAt() == null) {
            $this->setCreatedAt(new \DateTimeImmutable());
        }
    }

    public function getReference(): ?Bibliography
    {
        return $this->reference;
    }

    public function setReference(?Bibliography $reference): static
    {
        $this->reference = $reference;

        return $this;
    }

    public function isIsApproved(): ?bool
    {
        return $this->isApproved;
    }

    public function setIsApproved(bool $isApproved): static
    {
        $this->isApproved = $isApproved;

        return $this;
    }

    public function getUpdatedBy(): ?User
    {
        return $this->updatedBy;
    }

    public function setUpdatedBy(?User $updatedBy): static
    {
        $this->updatedBy = $updatedBy;

        return $this;
    }
}

// entity EnglishTerm

<?php

namespace App\Entity;

use App\Repository\EnglishTermRepository;
use Doctrine\Common\Collections\ArrayCollection;
use Doctrine\Common\Collections\Collection;
use Doctrine\DBAL\Types\Types;
use Doctrine\ORM\Mapping as ORM;

#[ORM\Entity(repositoryClass: EnglishTermRepository::class)]
class EnglishTerm
{
    #[ORM\Id]
    #[ORM\GeneratedValue]
    #[ORM\Column]
    private ?int $id = null;
    #[ORM\Column(length: 255)]
    private ?string $content = null;

    #[ORM\Column(length: 255, nullable: true)]
    private ?string $definition = null;

    #[ORM\OneToOne(inversedBy: 'englishTerm')]
    #[ORM\JoinColumn(nullable: false)]
    private ?Terminology $term = null;

    #[ORM\ManyToMany(targetEntity: SubDomainEnglish::class, inversedBy: 'englishTerms')]
    private Collection $domain;

    #[ORM\OneToMany(mappedBy: 'englishTerm', targetEntity: ContextEnglish::class, cascade: ['persist'])]
    private Collection $context;

    #[ORM\OneToMany(mappedBy: 'englishTerm', targetEntity: NoteEnglish::class, cascade: ['persist'])]
    private Collection $note;

    public function __construct()
    {
        $this->domain = new ArrayCollection();
        $this->context = new ArrayCollection();
        $this->note = new ArrayCollection();
    }

    public function __toString(): string
    {
        return $this->content;
    }

    public function getId(): ?int
    {
        return $this->id;
    }

    public function getContent(): ?string
    {
        return $this->content;
    }

    public function setContent(string $content): static
    {
        $this->content = $content;

        return $this;
    }

    public function getDefinition(): ?string
    {
        return $this->definition;
    }

    public function setDefinition(?string $definition): static
    {
        $this->definition = $definition;

        return $this;
    }

    public function getTerm(): ?Terminology
    {
        return $this->term;
    }

    public function setTerm(Terminology $term): static
    {
        $this->term = $term;

        return $this;
    }

    /**
     * @return Collection<int, SubDomainEnglish>
     */
    public function getDomain(): Collection
    {
        return $this->domain;
    }

    public function addDomain(SubDomainEnglish $domain): static
    {
        if (!$this->domain->contains($domain)) {
            $this->domain->add($domain);
        }

        return $this;
    }

    public function removeDomain(SubDomainEnglish $domain): static
    {
        $this->domain->removeElement($domain);

        return $this;
    }

    /**
     * @return Collection<int, ContextEnglish>
     */
    public function getContext(): Collection
    {
        return $this->context;
    }

    public function addContext(ContextEnglish $context): static
    {
        if (!$this->context->contains($context)) {
            $this->context->add($context);
            $context->setEnglishTerm($this);
        }

        return $this;
    }

    public function removeContext(ContextEnglish $context): static
    {
        if ($this->context->removeElement($context)) {
            // set the owning side to null (unless already changed)
            if ($context->getEnglishTerm() === $this) {
                $context->setEnglishTerm(null);
            }
        }

        return $this;
    }

    /**
     * @return Collection<int, NoteEnglish>
     */
    public function getNote(): Collection
    {
        return $this->note;
    }

    public function addNote(NoteEnglish $note): static
    {
        if (!$this->note->contains($note)) {
            $this->note->add($note);
            $note->setEnglishTerm($this);
        }

        return $this;
    }

    public function removeNote(NoteEnglish $note): static
    {
        if ($this->note->removeElement($note)) {
            // set the owning side to null (unless already changed)
            if ($note->getEnglishTerm() === $this) {
                $note->setEnglishTerm(null);
            }
        }

        return $this;
    }
}

//Entity NoteEnglish

<?php

namespace App\Entity;

use App\Repository\NoteEnglishRepository;
use Doctrine\DBAL\Types\Types;
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\Validator\Constraints as Assert;

#[ORM\Entity(repositoryClass: NoteEnglishRepository::class)]
class NoteEnglish
{
    #[ORM\Id]
    #[ORM\GeneratedValue]
    #[ORM\Column]
    private ?int $id = null;

    #[ORM\Column(type: Types::TEXT)]
    #[Assert\NotBlank()]
    #[Assert\Length(min: 30)]
    private ?string $content = null;

    #[ORM\ManyToOne(inversedBy: 'noteEnglishes')]
    #[ORM\JoinColumn(nullable: false)]
    private ?Bibliography $reference = null;

    #[ORM\ManyToOne(inversedBy: 'note')]
    private ?EnglishTerm $englishTerm = null;

    public function __toString(): string
    {
        return $this->content;
    }

    public function getId(): ?int
    {
        return $this->id;
    }

    public function getContent(): ?string
    {
        return $this->content;
    }

    public function setContent(string $content): static
    {
        $this->content = $content;

        return $this;
    }

    public function getReference(): ?Bibliography
    {
        return $this->reference;
    }

    public function setReference(?Bibliography $reference): static
    {
        $this->reference = $reference;

        return $this;
    }

    public function getEnglishTerm(): ?EnglishTerm
    {
        return $this->englishTerm;
    }

    public function setEnglishTerm(?EnglishTerm $englishTerm): static
    {
        $this->englishTerm = $englishTerm;

        return $this;
    }
}

// Entity ContextEnglish

<?php

namespace App\Entity;

use App\Repository\ContextEnglishRepository;
use Doctrine\DBAL\Types\Types;
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\Validator\Constraints as Assert;

#[ORM\Entity(repositoryClass: ContextEnglishRepository::class)]
class ContextEnglish
{
    #[ORM\Id]
    #[ORM\GeneratedValue]
    #[ORM\Column]
    private ?int $id = null;

    #[ORM\Column(type: Types::TEXT)]
    #[Assert\NotBlank()]
    #[Assert\Length(min: 30)]
    private ?string $content = null;

    #[ORM\ManyToOne(inversedBy: 'contextEnglishes')]
    #[ORM\JoinColumn(nullable: false)]
    private ?Bibliography $reference = null;

    #[ORM\ManyToOne(inversedBy: 'context')]
    private ?EnglishTerm $englishTerm = null;

    public function __toString(): string
    {
        return $this->content;
    }

    public function getId(): ?int
    {
        return $this->id;
    }

    public function getContent(): ?string
    {
        return $this->content;
    }

    public function setContent(string $content): static
    {
        $this->content = $content;

        return $this;
    }

    public function getReference(): ?Bibliography
    {
        return $this->reference;
    }

    public function setReference(?Bibliography $reference): static
    {
        $this->reference = $reference;

        return $this;
    }

    public function getEnglishTerm(): ?EnglishTerm
    {
        return $this->englishTerm;
    }

    public function setEnglishTerm(?EnglishTerm $englishTerm): static
    {
        $this->englishTerm = $englishTerm;

        return $this;
    }
}

// Crud TerminologyCrudController

<?php

namespace App\Controller\Admin;

use App\Entity\Terminology;
use EasyCorp\Bundle\EasyAdminBundle\Controller\AbstractCrudController;
use EasyCorp\Bundle\EasyAdminBundle\Field\AssociationField;
use EasyCorp\Bundle\EasyAdminBundle\Field\BooleanField;
use EasyCorp\Bundle\EasyAdminBundle\Field\FormField;
use EasyCorp\Bundle\EasyAdminBundle\Field\IdField;

class TerminologyCrudController extends AbstractCrudController
{
    public static function getEntityFqcn(): string
    {
        return Terminology::class;
    }

    public function configureFields(string $pageName): iterable
    {
        //Tab Term in English
        yield FormField::addTab('Term in english');
        yield IdField::new('id')->onlyOnIndex();
        yield AssociationField::new('englishTerm')
            ->renderAsEmbeddedForm(EnglishTermCrudController::class)
            ->setFormTypeOption('by_reference', false)
            ->setColumns(6);

        //Tab Term in French
        yield FormField::addTab('Term in french');
        yield AssociationField::new('frenchTerm')
            ->renderAsEmbeddedForm(FrenchTermCrudController::class)
            ->setFormTypeOption('by_reference', false)
            ->setColumns(6);

        //Tab Reference
        yield FormField::addTab('Reference');
        yield AssociationField::new('reference', "Bibliography's reference")
            ->setColumns(6);

        //Tab Approve
        yield FormField::addTab('Approve');
        yield BooleanField::new('isApproved')
            ->setColumns(6)
            ->renderAsSwitch(false);
    }
}

// Crud EnglishTermCrudController

<?php

namespace App\Controller\Admin;

use App\Entity\EnglishTerm;
use EasyCorp\Bundle\EasyAdminBundle\Controller\AbstractCrudController;
use EasyCorp\Bundle\EasyAdminBundle\Field\AssociationField;
use EasyCorp\Bundle\EasyAdminBundle\Field\CollectionField;
use EasyCorp\Bundle\EasyAdminBundle\Field\Field;
use EasyCorp\Bundle\EasyAdminBundle\Field\FormField;

class EnglishTermCrudController extends AbstractCrudController
{
    public static function getEntityFqcn(): string
    {
        return EnglishTerm::class;
    }

    public function configureFields(string $pageName): iterable
    {
        yield AssociationField::new('domain', 'Domain in English')
            ->setColumns(6);
        yield FormField::addRow();
        yield Field::new('content', 'Term in English')
            ->setColumns(6);
        yield Field::new('definition', 'Definition in English')
            ->setColumns(6);
        yield CollectionField::new('context', 'Usage Context')
            ->setEntryIsComplex()
            ->setColumns(6);
        yield CollectionField::new('note', 'Information Note')
            ->setColumns(6);
    }
}

Hey Symfony Cast Team, thanks for the amazing tutorial. I love how you start with such a simple thing and create something so complex and useful.

Is there any chance we would also get rid of the ugly looking urls? Or is there a way how to use Symfony router to create some nice url /admin/article/{slug?}, but really works with the ugly url at the background?

Hello! A little bit question please!
To create "Edit Profile" page for my users (no Admin role permission). Are there any way to use EasyAdmin or it works only for Admin role?

Many thanks in advance!

Hello! Is it possible to put two entities on one page? For example, in the first tab, I want to add one entity, and in the second tab another one

Finally! Many thanks for your great efforts!
I really enjoy learning the EasyAdmin 4 course.

Now, I will continue learning the other course of Symfony 6 track.

Thanks a lot ! What a great Job!

Thanks for this GREAT tutorial!

Two things I found out digging in the code that I think will make the admin looks even better. Thought I would share it here in case it could help others.

1. I <i>really </i>don't like the fact that the admin content section is not taking the whole window this can be fixed easily in the DashboardController like this.
   `
   public function configureDashboard(): Dashboard
   {

    $dashboard = Dashboard::new()
        ->setTitle('Cauldron Overflow Admin')
    ;
    $dashboard->getAsDto()->setContentWidth(Crud::LAYOUT_CONTENT_FULL);
   
    return $dashboard;
   

   }
   `

2. In case you want to have panel split into columns (kinda like in the Wordpress admin), you can't use FormField::addPanel('Basic Data')->setColumns($int) on panels but you can do FormField::addPanel('Basic Data')->addCssClass('col-md-9')