building out a site using radix 3 and radix bootswatch for talk at sonoma county drupal users group

am trying to create a full width slider and am stuck on fact that radix wraps content in container making it impossible to make a panel region nested within full width

am I wrong?

http://drupalcode.org/project/radix.git/blob/be7ea8c290704d2063bd66224e0...

CommentFileSizeAuthor
#7 Permaculture Cooperation | Permaculture Cooperation - Chromium_004.png597.28 KBniccolox
#5 mars.zip36.94 KBshadcn
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

niccolox’s picture

niccolox CreditAttribution: niccolox commented

http://stackoverflow.com/questions/19789954/fluid-container-in-bootstrap-3

shadcn’s picture

shadcn CreditAttribution: shadcn commented
Priority: Normal » Major
Status: Active » Needs work

Hmm, this is a bug.

Actually one of the features of Radix is to not have the container class in main so that you control your whole layout in panels. We did that in 2.x: http://drupalcode.org/project/radix.git/blob/refs/heads/7.x-2.x:/templat...

I'll fix this.

Thanks for pointing that out.

shadcn’s picture

shadcn CreditAttribution: shadcn commented

Looking at the code again, I noticed we moved the container wrapper to #content instead of #main. See http://drupalcode.org/project/radix.git/blob/be7ea8c290704d2063bd66224e0...

Which panels layout are you using?

niccolox’s picture

niccolox CreditAttribution: niccolox commented

are you able to reproduce this slider effect with Radix 3?

http://htmlstream.com/preview/unify/page_home1.html

shadcn’s picture

shadcn CreditAttribution: shadcn commented
FileSize
mars.zip36.94 KB

There you go. Does this help?

niccolox’s picture

niccolox CreditAttribution: niccolox commented

checking now

am actually making a new radix layout with full width slider

I think this should be a standard

niccolox’s picture

niccolox CreditAttribution: niccolox commented
FileSize
Permaculture Cooperation | Permaculture Cooperation - Chromium_004.png597.28 KB
niccolox’s picture

niccolox CreditAttribution: niccolox commented

I am trying to adapt the normal Panopoly Spotlight with a new Radix Layout plugin

I am getting full width, but the Default plugin style aint playing dice

spotlight

niccolox’s picture

niccolox CreditAttribution: niccolox commented

effing sh*^tful image UI

see screenshot

this is my plugin, pretty minimal change

why not just make a new style plugin and make this default behaviour for Radix

everyone wants full width sliders, its cool man

<?php
/**
 * @file
 * Template for default Radix Brown Full Slider.
 *
 * Variables:
 * - $css_id: An optional CSS id to use for the layout.
 * - $content: An array of content, each item in the array is keyed to one
 * panel of the layout. This layout supports the following sections:
 */
?>

<div class="panel-display brown clearfix <?php if (!empty($classes)) { print $classes; } ?><?php if (!empty($class)) { print $class; } ?>" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>


  <div class="row">
    <div class="col-md-12 layer_slider panel-panel">
      <div class="panel-panel-inner">
        <?php print $content['slider']; ?>
      </div>
    </div>
  </div>



  <div class="container">
    <div class="row">
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['column1']; ?>
        </div>
      </div>
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['column2']; ?>
        </div>
      </div>
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['column3']; ?>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['footercolumn1']; ?>
        </div>
      </div>
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['footercolumn2']; ?>
        </div>
      </div>
      <div class="col-md-4 sidebar panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['footercolumn3']; ?>
        </div>
      </div>
    </div>
  </div>

</div><!-- /.brown -->
niccolox’s picture

niccolox CreditAttribution: niccolox commented

and also, big thanks

the mars unify plugin makes a panels region full width

next problem is getting a working full width slideshow

didnt you make something for chef/restaurant/plate ? the reataurant demo which is offline had a full width option

shadcn’s picture

shadcn CreditAttribution: shadcn commented

Is this fixed?

shadcn’s picture

shadcn CreditAttribution: shadcn commented
Status: Needs work » Fixed

Marking this as fixed. Feel free to reopen.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

maxplus’s picture

maxplus CreditAttribution: maxplus commented

Mars layout worked out for me to get a full width region,
I had to edit it a little bit to get rid of left en right margin (to get it 100% full width)

Thanks!

parijke’s picture

parijke CreditAttribution: parijke commented

Looked into mars...

Shouldn't row be wrapped in contrainer-fluid?

<div class="panel-display mars clearfix <?php if (!empty($classes)) { print $classes; } ?><?php if (!empty($class)) { print $class; } ?>" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>

  <div class="container-fluid">
    <div class="row">
    	<div class="col-md-12 layer_slider panel-panel">
            <div class="panel-panel-inner">
                <?php print $content['layer_slider']; ?>
      	    </div>
    	</div>
     </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-md-12 content panel-panel">
        <div class="panel-panel-inner">
          <?php print $content['contentmain']; ?>
        </div>
      </div>
    </div>
  </div>
pirog’s picture

pirog CreditAttribution: pirog commented

I think this approach should work for kalatheme as well. Forwarding people here from https://github.com/drupalprojects/kalatheme/issues/90

dsnopek’s picture

dsnopek
he/him
Primary language English
Location USA
CreditAttribution: dsnopek commented

In case anyone is interested and stumbles onto this issue - I have an alternative solution in the MVPCreator Theme module. It adds a couple layouts and a style plugin, but it also needs participation from the theme and Startuply is a Radix child theme that has support.

Since it's kind of a hack, I'm not sure it makes sense to generalize it and try to get it into Radix and Radix Layouts or not... Maybe we can solve this problem more elegently in D8?