Hello all,
I am busy building a app, but now I have a problem with the Pushscreen.
My index and the first page will load, but then I give the user the choice to select the next week or settings.
The screen for next week will load normal, but the screen for settings won´t load. Have tried to rename it, to see if it was the name, but that won't solve the problem.
short version:
3 screens, first screen named schedule, second screen named settings, third screen named nextweek.
I can't go from screen 1 to the second screen, but I can to the third screen.
So how can I get from the first screen to the second one?
My code:
first screen action bar
<div data-bb-type="action-bar">
<div data-bb-type="action" data-bb-style="button" data-bb-img="images/icons/cog_dark_theme.png" onclick="bb.pushScreen('setting.htm', 'setting');">Settings</div>
<div data-bb-type="action" data-bb-style="button" data-bb-img="images/icons/next_dark_theme.png" onclick="bb.pushScreen('nextweek.htm','nextweek');">Next week</div>
</div> setting(s).htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<div data-bb-type="screen" data-bb-effect="fade">
<!--<div data-bb-type="title" data-bb-caption="Edit Settings" data-bb-back-caption="Cancel" data-bb-action-caption="Save" onactionclick="alert('Save Clicked')"></div>-->
<div data-bb-type="round-panel">
<div data-bb-type="panel-header">Select Class</div>
<div data-bb-type="label-control-container">
<div data-bb-type="row">
<select data-bb-label="Font Family">
<option value="bbalphasans" selected="true">INF1A</option>
<option value="arial">INF1B</option>
<option value="andalemono">INF1C</option>
<option value="arial">INF1D</option>
</select>
</div>
</div>
</div>
<div data-bb-type="round-panel">
<div data-bb-type="panel-header">Select Refresh time</div>
<div data-bb-type="label-control-container">
<div data-bb-type="row">
<select data-bb-label="Font Family">
<option value="bbalphasans" selected="true">1 hour</option>
<option value="arial">2 hours</option>
<option value="andalemono">3 hours</option>
<option value="arial">4 hours</option>
</select>
</div>
</div>
</div>
</div>
