Author Topic: Minislider within a div  (Read 120 times)

Offline johnbroeckaert

  • Posts: 178
  • Gender: Male
Minislider within a div
« 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!
It is a happy talent to know how to play!

Offline dbs

  • Betatester
  • **
  • Posts: 7658
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Minislider within a div
« Reply #1 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.
« Last Edit: January 17, 2019, 12:45:37 PM by dbs »

Offline jacobi22

  • Posts: 5414
  • Gender: Male
  • Support also via PM or EMail
    • Jacobi22
Re: Minislider within a div
« Reply #2 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




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>    
Probleme sind da, um sie zu lösen, nicht, um nach Ausreden zu suchen.

Offline johnbroeckaert

  • Posts: 178
  • Gender: Male
Re: Minislider within a div
« Reply #3 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.
It is a happy talent to know how to play!

Offline johnbroeckaert

  • Posts: 178
  • Gender: Male
Re: Minislider within a div
« Reply #4 on: January 18, 2019, 03:38:47 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.
It is a happy talent to know how to play!

Offline dbs

  • Betatester
  • **
  • Posts: 7658
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Minislider within a div
« Reply #5 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?
« Last Edit: January 20, 2019, 04:43:36 PM by dbs »

Offline johnbroeckaert

  • Posts: 178
  • Gender: Male
Re: Minislider within a div
« Reply #6 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.
It is a happy talent to know how to play!

Offline dbs

  • Betatester
  • **
  • Posts: 7658
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Minislider within a div
« Reply #7 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   

Offline johnbroeckaert

  • Posts: 178
  • Gender: Male
Re: Minislider within a div
« Reply #8 on: January 20, 2019, 06:57:19 PM »
Oh, I mis understoud your point.
It is working fine now! (Y) (Y)

Thank you!
It is a happy talent to know how to play!

 

postern-length