FiveTech Support Forums

FiveWin / Harbour / xBase community
Board index FiveWin for Harbour/xHarbour FiveWeb and Bootstrap
Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 09:43 AM
First tests using Bootstrap with Harbour and FiveWeb:

http://www.fivetechsoft.com/cgi-bin/boot1

A video recorded from the iphone is at FiveWin facebook page:
https://www.facebook.com/FiveWin-110745838953438/

Please notice how the menu and the MsgInfo() look different when used from a mobile device or from the desktop



regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 01:36 PM

There is a problem that I'm trying to solve in these days without success so far: the dropdown menu can't be closed clicking on any point outside the menu itself. I'm using iPad.

Any solution?

EMG

Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 03:13 PM

Enrico,

If you are using bootstrap too then you should look for bootstrap support or examples

regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 05:29 PM

No, I'm trying with a simple CSS dropdown menu but the result is the same. :-(

EMG

Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 05:29 PM

And I've already searched everywhere on Google... :-(

EMG

Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 06:58 PM

Do you also get the hamburguer menu button on the screen ?

regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 07:21 PM
Use Chrome inspector and you will see that the class changes from:

<div class="navbar-collapse collapse in" id="myNavbar" aria-expanded="true">

to

<div class="navbar-collapse collapse" id="myNavbar" aria-expanded="false" style="height: 1px;">
regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 07:24 PM

You can modify those values in the Chrome inspector and the menu closes :-)

regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 07:26 PM
Antonio Linares wrote:Do you also get the hamburguer menu button on the screen ?


No, I see the menu bar.

EMG
Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Tue Oct 25, 2016 07:27 PM
Antonio Linares wrote:Use Chrome inspector and you will see that the class changes from:

<div class="navbar-collapse collapse in" id="myNavbar" aria-expanded="true">

to

<div class="navbar-collapse collapse" id="myNavbar" aria-expanded="false" style="height: 1px;">


So? Sorry, I don't get the point... :-)

EMG
Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Wed Oct 26, 2016 05:15 AM

> the dropdown menu can't be closed clicking on any point outside the menu itself. I'm using iPad.

On such event, you can change the class as explained

regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Wed Oct 26, 2016 08:38 AM

Where is this class defined?

navbar-collapse collapse

As I already said, I'm not using Bootstrap (and I don't want to use it).

EMG

Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Wed Oct 26, 2016 08:40 AM

Can you try to change it in your sample, please?

EMG

Posts: 9022
Joined: Thu Oct 06, 2005 08:17 PM

Re: FiveWeb and Bootstrap

Posted: Wed Oct 26, 2016 01:41 PM
Found!

Code (fw): Select all Collapse
document.addEventListener( "touchstart", function(){} );


EMG
Posts: 44162
Joined: Thu Oct 06, 2005 05:47 PM

Re: FiveWeb and Bootstrap

Posted: Wed Oct 26, 2016 08:18 PM

very good :-)

regards, saludos

Antonio Linares
www.fivetechsoft.com

Continue the discussion