Comments (5)
Hi @ste101,
The style
attribute is not supported for page BE layouts; here, you have to use colspan
and rowspan
. Example:
If there are only two columns in a row and column A has a colspan of 4 and column B has a colspan of 2, the final width distribution becomes 66% / 33%. It makes it a little bit harder to hit precise values but approximate values should be fine, given that the BE page module isn't fixed-width :)
Cheers,
Claus
from flux.
Thanks. This is a possible solution.
Where can I get the information what attribute is supported or not. Did I miss something?
If not would it be possible to add this to the VH?
from flux.
Unfortunatelly this config does not work right. The smaller column is rendered wider.
<flux:flexform.grid.row>
<flux:flexform.grid.column colPos="1" name="Hero Unit" colspan="6" />
</flux:flexform.grid.row>
<flux:flexform.grid.row>
<v:switch value="{position}">
<v:case case="left" break="TRUE">
<flux:flexform.grid.column colPos="3" name="Sidebar Content" colspan="2" />
<flux:flexform.grid.column colPos="0" name="Main Content" colspan="4" />
</v:case>
<v:case case="right" break="TRUE">
<flux:flexform.grid.column colPos="0" name="Main Content" colspan="4" />
<flux:flexform.grid.column colPos="3" name="Sidebar Content" colspan="2" />
</v:case>
<v:case case="default">
<flux:flexform.grid.column colPos="0" name="Main Content" colspan="6" />
</v:case>
</v:switch>
</flux:flexform.grid.row>
<flux:flexform.grid.row>
<flux:flexform.grid.column colPos="2" name="Footer Content" colspan="2" colspan="6" />
</flux:flexform.grid.row>
</flux:flexform.grid>
from flux.
Hi Stephan,
Are you using the git master of fluidpages? This commit: NamelessCoder/fluidpages@2e64f4c should have fixed the issue by counting total colspans rather than just counting columns when setting colcount.
Cheers,
Claus
from flux.
It is working with the latest version. Thanks
from flux.
Related Issues (20)
- copy and paste flux CE with FAL
- flux:field.inline.fal Image lost in page configuration when translating
- BUG: no tt_content fileds from TCA Overrides after update to 10.0.x and dev HOT 1
- Incompatibility with 12.4.9 at translated content HOT 1
- BUG: Missing site attribute in request with TYPO3 12.4.9 HOT 3
- BUG: Problem with fal relations on inserting pages from the clipboard (make copy of a page) HOT 3
- Empty element browser with flux:field.file HOT 3
- BUG: After upgrading from flux 9.7.4 to 10.0.9 ArgumentCountError in ContentTypeManager HOT 3
- How to migrate wizard.suggest HOT 2
- Core: Error after Update 12.4.10 HOT 2
- TYPO3 12.4.10 - Multilingual - Undefined array key "colPos" HOT 2
- Error message "Tried resolving a template file for controller action "Content->standard" in format ".html"" after update HOT 4
- BUG: TYPO3 12 flux:field.file Record Selector dont work HOT 5
- BUG: Render issue with <flux:content.render area="foo" /> in Workspace previews.
- BUG: PHP Warning: Undefined array key "colPos" in /flux/Classes/Integration/Overrides/BackendLayoutView.php line 118) HOT 2
- BUG: Changed image not available in translation
- PHP Warning: Undefined array key "native" in flux/Classes/ViewHelpers/Field/AbstractFieldViewHelper.php line 165 HOT 4
- Flux contents ignored by l10nmgr extension in TYPO3 v12 HOT 2
- BUG: unused elements are displayed multiple times. sometimes TYPO3 freezes
- BUG: foobar fails when baz HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flux.