FiveWeb and Bootstrap

[Antonio Linares]

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

[Enrico Maria Giordano]

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

[Antonio Linares]

Enrico,

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

[Enrico Maria Giordano]

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

EMG

[Enrico Maria Giordano]

And I've already searched everywhere on Google...

EMG

[Antonio Linares]

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

[Antonio Linares]

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;">

[Antonio Linares]

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

[Enrico Maria Giordano]

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

No, I see the menu bar.

EMG

[Enrico Maria Giordano]

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

[Antonio Linares]

> 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

[Enrico Maria Giordano]

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

[Enrico Maria Giordano]

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

EMG

[Enrico Maria Giordano]

Found!

Code: Select all  Expand view

document.addEventListener( "touchstart", function(){} );

EMG

[Antonio Linares]

very good