Apologies in advance if this has already been covered, I spent several hours looking through previous posts but could not find a definitive answer.
I currently use the following html code to load a different xml file for different devices:
if( viewer.isDevice("iPhone|Android") )
if( viewer.isDevice("iPad") )
Ideally I'd like to use the same xml file but load a different xml file 'inside' which had different buttons for various devices. For example zoom in/out for PC/flash but no button for iPad etc.
So I tried putting all the buttons into a separate xml file and adding:
<include url="buttons-pc1.xml" />
Which works fine, my problem is that I'd ideally like to have something like this in the xml file:
if isDevice("iPhone|Android") include phone-android-buttons.xml
if isDevice("iPad") include ipad-buttons.xml
Now I know this can't be done with <include> as it is parsed when the xml is first read.
So my questions is what is the 'best practice' way of supporting different button layout 'skins' for different devices.
thanks in advance for help.