Kirby Layout Id is a number

The CMS Questions
1

Hi,

i need some help with layout setting. The id is displayed as a long number.
My home.yml has this code:
settings:
fields:
class:
type: text
width: 1/2
id:
type: text
width: 1/2
image:
label: Background image
type: files

When i write something like “home-intro” in the id field it is not displayed. Instead i get a long number. I use this code to render the layout:

  <?php foreach ($page->layout()->toLayouts() as $layout): ?>

  <section class="grid" id="<?= $layout->id() ?>">

    <?php foreach ($layout->columns() as $column): ?>

    <div class="column" style="--span:<?= $column->span() ?>">

      <div class="blocks">

        <?= $column->blocks() ?>

      </div>

    </div>

    <?php endforeach ?>

  </section>

  <?php endforeach ?>

</article>

The field for css classes are working if i change id to class. When i do a vardump i can find the id under attr. What i’m doing wrong?

2

The layout id is not what you want. You can get the layout settings via the $layout->attrs() method.

echo $layout->attrs()->id();
1 Like
3

Thanks! That fixes the problem. I just followed the documention on: https://getkirby.com/docs/reference/panel/fields/layout

But the documention says:
<section class="grid" id="<?= $layout->id() ?>">
Did the documentation need an update to your solution:
<section class="grid" id="<?= $layout->attrs()->id() ?>">

The next thing for me would be to update the code to check if the id field is empty or not. With the provided solution i get this for the block under the first block:
<section class="grid" id>
Because here the id field is empty. The lonely “id” looks not right. :slight_smile:

4

That’s two different things. Every layout has an id that is stored in the content file.

<?= $layout->attrs()->id()->isNotEmpty() ? 'id="' . $layout->attrs()->id() . '"' : ''?>
2 Likes
5

Thanks pixelijn for the “id” solution :+1: