Individual style for groups

[bea]

Hi,
I need some help to style the width of groups inside a form and detailed view.
Some of the groups need the full width and others I would display next to each other (span6).
Is this possible?
I have made already some custom style in custom_css.php, but don't get it.

Many thanks
Bianka

 

[troester]

Try
#groupX1 {width:50%;float:left;}
#groupX2 {width:50%;padding-left:10px}

X1 = groupid of Qualit?tsverluste
X2 = groupid of Standard

If you want to have a span6 behaviour you must add mediaqueries, too.

 

[bea]

Hi troester,

many thanks. I've tried this before, but it doesn't display the 2 groups on one line.

Cheers, Bianka

 

[troester]

Try with e.g. 48%.
Sometimes 2x 50% is more than 100%

 

[bea]

It's still the same with 45%. The groups are displayed below each other. It seems, that this is hard-coded.

 

[troester]

is this the default bootstrap template?
do you have a link?

Gesendet mit Tapatalk

 

[bea]

It's a copy of default bootstrap template: bootstrap_blue

Link

There is a difference between form and detailed template. I don't know, how to send you login details...

Many thanks.

 

[troester]

It's working with
#group8 {display:inline-block;}

(but no idea why this is necessary here)

 

[bea]

Many thanks for your Sunday work! I'm not totally glad with this solution... I would appreciate more flexibility with group design

@media (min-width:1025px) and (max-width:1279px){
#group7 {width:60%;float:left;}
#group8 {width:30%;display:inline-block;margin-left: 20px;}}

@media (min-width:1280px){
#group7 {width:55%;float:left;}
#group8 {width:35%;display:inline-block;margin-left: 20px;}}

 

[troester]

I would appreciate more flexibility with group design

Each group has its div with HTML id, so you are totally free to do what you want.

It seems you don't use the standard Protostar Joomla template.
http://fabrikar.com/forums/index.php?wiki/prerequisites/

A Joomla template that supports the Joomla bootstrap framework (BS2 in Feb 2018)
The bootstrap template coming with Joomla is "Protostar". You can use Joomla's Beez3 template if you add com_fabrik to the "Components Requiring Bootstrap" in Beez3 "Advanced" tab.

If you want to use a BS3 or uikit template try https://github.com/Fabrik/Fabrik-Joomla-alt-layouts
See also http://fabrikar.com/forums/index.php?wiki/jlayouts/

 

[bea]

Good morning
I'm working with YOOtheme Pro, which is based on UIkit 3. Switching to Protostar shows the same result.

Many thanks for your support.