1. Qubic
  2. Monday, 28 March 2016
I wrote a component, which i want to display in my qubic template. I defined the row as "fluid width" and as "one column" . And the one column is defined as "component area"
Unfortunately the component is shown right aligned and a part is cut off. I want the component shown full width as the header is showed in my example.

In the attachement you'll see what i mean. Any Ideas?

Thanks in advance!!

Greg
Attachments (1)
Accepted Answer
de Lijzer wrote:
I defined the row as "fluid width" and as "one column" . And the one column is defined as "component area"
Unfortunately the component is shown right aligned and a part is cut off.


Confirmed! Same issue and limitation in HELIX3 free template.
Probably a logical error or simply a wrong assumption in core file:
/yourjoomla/plugins/system/helix3/core/helix3.php

(see screenshot 1)

---

Temporary workaround:
You might add a custom CSS class in row settings.
Then use it in combination with .container and force it to 100% width.
If you need to get rid of the Bootstrap default padding, set padding-left and padding-right to 0 as well.

(see screenshot 2)
Attachments (2)
  1. more than a month ago
  2. Qubic
  3. # Permalink
Responses (5)
de Lijzer wrote:

I wrote a component, which i want to display in my qubic template. I defined the row as "fluid width" and as "one column" . And the one column is defined as "component area"
Unfortunately the component is shown right aligned and a part is cut off. I want the component shown full width as the header is showed in my example.

In the attachement you'll see what i mean. Any Ideas?

Thanks in advance!!

Greg


ok! One step further! i took a look at the generated html code and it says:


.....

<body class="site com-joobido view-joobido no-layout no-task itemid-534 de-de ltr sticky-header layout-fluid plans">
<div class="body-innerwrapper">
<header id="sp-header">
</header>
<section id="sp-main-body">
<div class="container">
<div class="row">
<div id="sp-component" class="col-sm-12 col-md-12">
<div class="sp-column custom-class">
<div id="system-message-container">
</div>
<div id="workplace">
<div id="navigation_box">
<fieldset id="group_navigator">


and so on ....
I think the responsible class for my layout problem is the "<div class="container"> statement. ow can i get rid of that?
  1. more than a month ago
  2. Qubic
  3. # 1
sorry HTML code was killed in my message!
However !
A
<DIV class="container">
is inserted and destroys the full width layout.
  1. more than a month ago
  2. Qubic
  3. # 2
Danke!

I think this should be fixed in the template
! I did the workaround you suggested!
Works perfect!!

thanks
  1. more than a month ago
  2. Qubic
  3. # 3
de Lijzer wrote:
I think this should be fixed in the template

Absolutely agree! That's not the way it should be.


de Lijzer wrote:
Danke!

Gerne! Keine Ursache, Gregor ;)
  1. more than a month ago
  2. Qubic
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.