Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Mobile Web App - Help with creating an 'Option Slider'

Featured Replies

Hello,

 

I am currently in the process of making a mobile we app (A website that has the look, and feel, of an app). They 'app' has links to downloads which can be either PDF or ePub (E-Book). What I need is a small slider at the bottom of the page which when in the left position, clicking on a download link will download ePub's and when the slider is in the right position, clicking on a download link will download PDF's.

 

I have tried looking on the web for help with this, but to no avail. My, current, weak point is with Javascript and I believe that's the answer to this query.

 

Any help will be very much appreciated.

 

- MjA -

Welcome to the forums!

 

Native apps have "widgets" for things like "pill buttons" that react to touch events, but if running as a normal web site you'd probably need to style a set of radio buttons to mimic that behaviour - have a look at http://jqueryui.com/button/#radio as that probably does what you want?

  • Author

Thank you for the welcome.

 

I have had a look at the link you provided and that will more than cover what I need. It still looks enough like something you'd expect to see in an 'app' and so I am happy with that.

 

Many thanks.

 

- MjA -

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.