Making HotelDruid Responsive
Posted: Wed May 14, 2014 4:07 am
Just a quick tip to make your HotelDruid installation responsive in a few clicks
Using php development environment that has recursive find and replace capabilities e.g. NetBeans, Eclipse, Dreamweaver
From the base directory of your HotelDruid source code recursively
Find
Replace with
The backslahes (\) are used initially to escape the " characters because most of the html code in HotelDruid is echoed using php. These then prevent these characters from terminating the echo strings.
Unfortunately not ALL the html is echoed so we now have to go and find those files where it is not. We have only found the template files in the /dati directory to contain raw html that is not being echoed via php.
So you must go through any templates you have created here and in each one remove the forward slashes in any RAW html code that is not being echoed by php. For example the first few lines of availability_tpl.php will now look like this
In order for this code to work correctly the forward slashes need removing.
Of course always check your alterations before moving them to a live environment. We use Opera Mobile Emulator to do this as it has a variety of devices to choose from to test your 'mobile friendly' website.
Using php development environment that has recursive find and replace capabilities e.g. NetBeans, Eclipse, Dreamweaver
From the base directory of your HotelDruid source code recursively
Find
Code: Select all
<head>Code: Select all
<head>
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">Unfortunately not ALL the html is echoed so we now have to go and find those files where it is not. We have only found the template files in the /dati directory to contain raw html that is not being echoed via php.
So you must go through any templates you have created here and in each one remove the forward slashes in any RAW html code that is not being echoed by php. For example the first few lines of availability_tpl.php will now look like this
Code: Select all
<?php if (!@$framed and !@$_GET['framed'] and !@$_POST['framed']) { ?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">Of course always check your alterations before moving them to a live environment. We use Opera Mobile Emulator to do this as it has a variety of devices to choose from to test your 'mobile friendly' website.