Skip to main content
I
ImageMagic
Participant
August 13, 2023
Question

Rollovers stopped working [Branched from 2020 topic]

  • August 13, 2023
  • 3 replies
  • 179 views

I am one of those struggling designers using Bootstrap, and also here because "rollovers" have stopped working on a template I modified (circa 2019 maybe) using Dreamweaver, and wondering what you recommend using. This is not a simple rollover but a mouseover hover that is calling a modal. I sure would love this to work as it holds my portfolio designs.  Not a techie but in need to make a living after an extended disability and could sure use some help getting up to speed. Please and Thank you.

    This topic has been closed for replies.

    3 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    August 13, 2023

    Rollovers have no effect on touch screen devices that lack a mouse. The majority of Internet users have mobile, tablet or touch screen devices now.

     

    For better accessibility, most web sites use tap or onClick event triggers instead of old fashioned rollovers.

     

    Below are examples with Bootstrap's .collapse  class.

    Bootstrap version 4:  https://www.w3schools.com/bootstrap4/bootstrap_collapse.asp

    Bootstrap version 5:  https://www.w3schools.com/bootstrap5/bootstrap_collapse.php

     

    NOTE:  Support for Bootstrap 4 ended in January, 2023.

     

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    August 13, 2023

    Adding to @Nancy OShea 's answer, please be mindful that 60% of internet interactions are made using hand held devices. These devices do not have a mouse, hence there is no on-hover events.

     

    To get up and running quickly, you may want to learn Bootstrap, the latest version is 5.3.1.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      August 13, 2023

      Answers to technical questions are contained in your code.

       

      For us to provide assistance, we need to see the problem page.  Upload your Template.dwt, supporting scripts and problem page to your remote server and post the URLs.

       

      It might be something simple like code errors. Go to Window > Results > Validation > check document.

      Or it could be a deeper problem with outdated or incompatible scripts.

       

       

       

      Nancy O'Shea— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices