- Issue created by @Ahmad Khader
- 🇯🇴Jordan Rajab Natshah Jordan
Tested that with fresh Varbase 10 build
I did not face the issuePlease, could you provide the Steps to reproduce with fresh Varbase 10 build
This could be related to custom code in the project - 🇯🇴Jordan ahmad abbad Jordan
I confirmed the issue
The main issue is the inline-entity-form module is using its own template "inline-entity-form-entity-table.html.twig" for the table and it's not working with the table component and we override it using table.html.twig template. - Status changed to Needs work
about 1 year ago 8:28am 12 October 2023 - 🇯🇴Jordan Rajab Natshah Jordan
Noted;
Thanks, Ahmad, for following up.Please, let us have the fix for
"inline-entity-form-entity-table.html.twig"
in Vartheme BS5
In the same way you had it fixed.Happy to test more and commit any MR
- 🇯🇴Jordan ahmad abbad Jordan
Thank you, Rajab
I moved it to the custom theme and made it use {% include 'varbase_components:table' %} not {{ table }} it's working but the table items are not shown, there's something weird here. - 🇯🇴Jordan Rajab Natshah Jordan
Got that,
Let us move the issue to Vartheme BS5
Then try to manage passing the needed items.
We maybe need to pass the needed props.
And custom for the Inline Entity Form moduleYou can find the story at 🐛 Fix Unexpected slot that is not declared: table, caption, colgroup, header, body, footer Fixed
I had some time researching how Drupal Core do all pre-processed variables
and researched how other themes are doing the template for that.For sure we need to add more template mapping.
Available properties:responsive
: Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports.color
: Table Background Color - Set a background contextual classes to color tables.striped_rows
: Use to add zebra-striping to any table row within the`<tbody>`
. Works with`no_striping`
is false.striped_columns
: Use to add zebra-striping to any table column. Works with`no_striping`
is false.hover
: Enable a hover state on table rows within a`<tbody>`
.bordered
: Add borders on all sides of the table and cells.border_color
: Use the border color utility to change border colors.borderless
: Add`.table-borderless`
for a table without borders.size
: Use sm for small to make any table more compact by cutting all cell padding in half.caption
: A localized string for the`<caption>`
tag.colgroups
: Column groups which contains attributesheader
: Table header cells which contains (tag
,attributes
,content
,field
,sort
)sticky
: A flag indicating whether to use a sticky table header. ( set `responsive` to false for sticky to work)rows
: Table rows, which each row contains (attributes
,data
,no_striping
,cells
). Each cell contains (tag
,attributes
,content
,active_table_sort
)footer
: Table footer rows, in the same format as the rows variable.empty
: The message to display in an extra row if table does not have any rows.no_striping
: A boolean indicating that the row should receive no striping.header_columns
: The number of columns in the header.utility_classes
: An array of utility classes. Use to add extra Bootstrap utility classes or custom CSS classes over to the table element.thead_utility_classes
: An array of utility classes. Use to add extra Bootstrap utility classes or custom CSS classes over to the head of the table element.tbody_utility_classes
: An array of utility classes. Use to add extra Bootstrap utility classes or custom CSS classes over to the body of the table element.tfoot_utility_classes
: An array of utility classes. Use to add extra Bootstrap utility classes or custom CSS classes over to the footer of the table element.
Available attributes:
attributes
: HTML attributes to apply to the`<table>`
tag.thead_attributes
: HTML attributes to apply to the`<thead>`
tag.tbody_attributes
: HTML attributes to apply to the`<tbody>`
tag.tfoot_attributes
: HTML attributes to apply to the`<tfoot>`
tag.
Available slots:
- N/A
- 🇯🇴Jordan ahmad abbad Jordan
Any update on this issue?
We are using inline entity form for a lot of blocks and we should fix this issue ASAP - 🇯🇴Jordan Rajab Natshah Jordan
Please, fix this in the Custom Theme in your project first.
They we could help having it for next project.