DruMob

Introduction

DruMob is a mobile application theme. It is highly customizable Drupal based theme, allows you to insert mobile optimised toolbars, side menu and mobile header into your Drupal instance. Many thanks for Saudi Credit & Savings Bank (SCSB) for supporting this initiative.

Live Demo

It's recommended to open this link on your mobile.

DruMob in Action

Saudi Credit and Savings Bank

Requirements

Drupal 7

• Bootstrap theme
• Jquery Update module
• Font Awesome module
  • Libraries module

Drupal 8

• Bootstrap theme

Installation

Install as you would normally install a Drupal theme, be sure Bootstrap theme is installed first. for further information here is more help Youtube link for installation

Configuration

Drupal 7 & 8

After instilling DruMob do these settings:

• To set tabs labels,icons and links: Appearance⇨Theme Settings⇨Toolbar Settings.
• To set page loading icon: Appearance⇨Theme Settings⇨Loading Animation Settings.
• For icons you can use font awesome library http://fontawesome.io/icons
• Disable all blocks or move them to "Navigation. Visible on all screen sizes" region to be shown in side menu.
• You can upload your own logo instead of default theme logo.

Troubleshooting

• If icons not displayed be sure FontAwesome module is installed and its library is located in libraries folder.

Extra tools

• Displaying themes based on auto-detected client devices : ThemeKey module
• Publishing your mobile application to stores ( Google Play , iTunes) : ionic framework

Maintainers

Current maintainers:

• Essam Al-Qaie (3ssom)
• Nahedh Alharbi (nahedh)
• Stefan Tachev (stefan_tachev)
• Mohammed Gomma (mhmd) - D8