View Issue Details

IDProjectCategoryView StatusLast Update
0006983module Visual CMSmodule Visual CMS - subpublic2020-05-21 14:33
Reportermkirchhoefer 
PriorityhighSeveritymajorReproducibilityalways
Status acknowledgedResolutionopen 
Product Version3.3.1 
Target VersionFixed in Version 
Summary0006983: VCMS uses deprecated Bootstrap3 classes in Wave-Theme
DescriptionVCMS still uses Bootstrap3 classes while the new Wave-Theme is active, though Wave is running with Bootstrap4.

This is quite a huge drawback in terms of VCMS-Responsive-Design, since e.q. col-xs-12 doesn't exist in Bootstrap4 and sm, md has new defined width-ranges.
TagsWave

Relationships

has duplicate 0007140 closedbenjamin.joerger Missing support for Bootstrap 4 

Activities

QA

2019-05-23 09:35

administrator   ~0012896

Last edited: 2019-05-23 09:42

View 2 revisions

As a workaround its possible to activate "Use custom grid" in the Visual CMS module "Frond end" settings. The column prefix could be "col-sm-" and the offset prefix "offset-sm-". After that you may need to add classes for different devices in the widget settings in the tab "Layout settings". Like col-12 for mobile devices.

KIRATIKdevs

2020-05-21 12:08

reporter   ~0013235

Last edited: 2020-05-21 14:33

View 2 revisions

The workaround does not solve the whole problem. I found a situation when I cannot use different numbers of columns for mobile and desktop screen resolution because when I set columns via drag and drop editor (e.g. 6 cols) I cannot add settings for different screen resolution (classes added in widget settings were added inside the widget, not in root widget selector). See attached pictures for details.

Additionally cannot set odd number of columns for widget (allowed: 2,4,6,8,10,12).



vcms_settings.png (27,244 bytes)
vcms_settings.png (27,244 bytes)
vcms03.png (20,932 bytes)
vcms03.png (20,932 bytes)
vcms02.png (15,807 bytes)
vcms02.png (15,807 bytes)
vcms01.png (9,636 bytes)
vcms01.png (9,636 bytes)