WebsiteBaker Community Forum

WebsiteBaker Support (2.12.x) => Modules => Topic started by: johnbroeckaert on January 17, 2019, 12:05:14 PM

Title: Minislider within a div
Post by: johnbroeckaert on January 17, 2019, 12:05:14 PM

Hello,

I want to use mini slider in a bootstrap template that does not use different blocks. Mini slider therefore take the whole space inside the block during installation and I want a smaller edition. Have tried with the code2 module to make two columns and put mini slider in there.
Code 2:

Code: [Select]

<div class = "row">
   <div class = "col-sm-4">mini slider
Code 2:

Code: [Select]

</ div>
   <div class = "col-sm-8">. col-sm-8 </ div>
</ div>
But that does not work. Where could I set this so that mini slider only occupies part of the (main) block?

Thank you!

Title: Re: Minislider within a div
Post by: dbs on January 17, 2019, 12:36:39 PM

Hi, this should be possible with
WB Settings > Advanced Options > Server Settings > Section Anchor: none  (as text, instead of Sec)

With "Sec" every Section is in a own div, therefore you can't use 3 sections in one div.

Title: Re: Minislider within a div
Post by: Gast on January 17, 2019, 12:52:48 PM

i use none a default anchor text on my page, but it doesn't matter, what i use there. a different anchor give me another div inside of my two blocks here, no other effect on minislider or my grid

i use w3css and the w3css-gridsystem.

here a screenshot: normal with for this block: 900px, two blocks with w3-col m6 l6, one div around, original picture width: 1000px

(https://i.gyazo.com/6b2d8d213076b78650971cd57e709d90.png)


Code in my template:  (i'm sure, bootstrap use the same scheme), it's normalize my contaktbox, thats why some hard coded text there, maybe you can use it as example

<div class="w3-container w3-content w3-padding-16" style="max-width:900px" id="contact">
            <h2 class="w3-wide w3-center">KONTAKT</h2>
                <div class="w3-row w3-padding-16">
                <?php if(trim($contact_rightBlock)!='' ){?>
                    <div class="w3-container w3-left-align w3-padding-4 w3-col m6 l6 w3-green" id="contactleft">
                        <?php echo $contact_leftBlock; ?>
                    </div>
                    <div class="w3-container w3-left-align w3-row-padding w3-padding-4 w3-col m6 l6 w3-light-blue" id="contactright">
                        <?php echo $contact_rightBlock; ?>
                    </div>
                <?php
                    }else{
                ?>
                    <div class="w3-container w3-block w3-left-align w3-row-padding">
                        <?php echo $contact_leftBlock; ?>
                    </div>
                <?php
                    }
                ?>
                </div>
        </div>     

Title: Re: Minislider within a div
Post by: johnbroeckaert on January 17, 2019, 04:58:25 PM

Thank you both (Y) @jacobi22 and @dbs

I let you know witch I 've used to solve the problem.

Title: Re: Minislider within a div
Post by: johnbroeckaert on January 18, 2019, 03:38:47 PM

Quote from: dbs on January 17, 2019, 12:36:39 PM

Hi, this should be possible with
WB Settings > Advanced Options > Server Settings > Section Anchor: none  (as text, instead of Sec)

With "Sec" every Section is in a own div, therefore you can't use 3 sections in one div.

@ DBS
This is not going to work because every section still gets the class section.

Title: Re: Minislider within a div
Post by: dbs on January 20, 2019, 04:37:48 PM

I can't confim. If i use the word "none" as anchor text i have no extra div around a section.
Every other word or leave empty will produce a extra div.
Try i again.
Which WB version?

Title: Re: Minislider within a div
Post by: johnbroeckaert on January 20, 2019, 06:06:17 PM

wb 2.11 portable php 7.x  - The last one to download at the moment.

General settings:

Manage Sections:    Enabled
Section Blocks:      Disabled

If I look in the source HTML file created after opening the page there still are Section classes arround each section.

Title: Re: Minislider within a div
Post by: dbs on January 20, 2019, 06:18:33 PM

Section Blocks is not right place.
It means you can't assign the content to another block in Manage Sections (blocks will defined in your info.php of your template)

The right place is (still)
WB Settings > Advanced Options > Server Settings > Section Anchor: none   

Title: Re: Minislider within a div
Post by: johnbroeckaert on January 20, 2019, 06:57:19 PM

Oh, I mis understoud your point.
It is working fine now! (Y) (Y)

Thank you!