Feature #92596

Show hint about columns/rows in BackendLayouts not shown because of rowCount/colCount limitations

Added by Kevin Ditscheid about 2 months ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2020-10-19
Due date:
% Done:

0%

Estimated time:
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

It happens to be, that in TYPO3 10 the cols and rows configured will actually be hidden, if they do not match the rowCount/colCount limitations. In TYPO3 8, this setting was kinda ignored and the configured columns and rows would be displayed anyways. This confused me when I migrated a BackendLayout to TYPO3 10, because the row that went over the rowCount, wasn't displayed without a hint what went wrong. It would be nice, if there would be a notice in the page module about this misconfiguration like with content elements that do not have set a colPos that is actually configured to be shown in the BackendLayout.

The following BackendLayout would cause such an issue with misconfigured rowCount:

mod {
    web_layout {
        BackendLayouts {
            home {
                title = Home
                icon =
                config {
                    backend_layout {
                        colCount = 4
                        rowCount = 9
                        rows {
                            1 {
                                columns {
                                    1 {
                                        name = Header
                                        colPos = 1
                                        colspan = 4
                                    }
                                }
                            }
                            2 {
                                columns {
                                    1 {
                                        name = Left
                                        colPos = 0
                                        colspan = 2
                                    }
                                    2 {
                                        name = Right
                                        colPos = 2
                                        colspan = 2
                                    }
                                }
                            }
                            3 {
                                columns {
                                    1 {
                                        name = News Text
                                        colPos = 13
                                        colspan = 2
                                    }
                                    2 {
                                        name = News Image
                                        colPos = 14
                                        colspan = 2
                                    }
                                }
                            }
                            4 {
                                columns {
                                    1 {
                                        name = Left
                                        colPos = 3
                                        colspan = 2
                                    }
                                    2 {
                                        name = Right
                                        colPos = 4
                                        colspan = 2
                                    }
                                }
                            }
                            5 {
                                columns {
                                    1 {
                                        name = Karriere
                                        colPos = 15
                                        colspan = 4
                                    }
                                }
                            }
                            6 {
                                columns {
                                    1 {
                                        name = Headline
                                        colPos = 5
                                        colspan = 4
                                    }
                                }
                            }
                            7 {
                                columns {
                                    1 {
                                        name = Column 1
                                        colPos = 6
                                    }
                                    2 {
                                        name = Column 2
                                        colPos = 7
                                    }
                                    3 {
                                        name = Column 3
                                        colPos = 8
                                    }
                                    4 {
                                        name = Column 4
                                        colPos = 9
                                    }
                                }
                            }
                            8 {
                                columns {
                                    1 {
                                        name = E-Commerce
                                        colPos = 10
                                        colspan = 4
                                    }
                                }
                            }
                            9 {
                                columns {
                                    1 {
                                        name = Content
                                        colPos = 11
                                        colspan = 4
                                    }
                                }
                            }
                            10 {
                                columns {
                                    1 {
                                        name = News
                                        colPos = 12
                                        colspan = 4
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

No data to display

Also available in: Atom PDF