Plans & Prices My Applications Cloud Resources Profile Support Login Sign Up

Back/Next Top Navigation Button for Web App    
This topic is assigned to Victor Robu

Sep 28, 2017 12:34 PM
When generating a Web App, there are no "Back" buttons available to go to the previous page.

Does anyone have coding for a Back/Next button bar at the top of the screen?


Sep 29, 2017 09:56 AM
Hello Herb,

Please open a support ticket related your issue.

Provide as many details as you can related your problem in order to investigate.

Best regards,
Victor
SC Team


Sep 29, 2017 12:58 PM
The question was rather straightforward.

How do you add a back button to the screens.


Oct 04, 2017 12:46 PM
Hello Herb,

Being a WebApp it's mostly constructed from HTML Pages this is why you can use href Attribute.

<a href="tab1.html">Go back</a>

Best regards,
Victor
SC Team


Oct 10, 2017 08:39 AM
Hi,

I haven't used web apps as yet. I would be grateful to know how and what people are using them for.

John


Oct 16, 2017 12:26 PM
Yes, It is a little more complicated than just adding a link. You also need to code the buttons. You can use css to create the buttons. Use HTML to locate the links. Here is what I did in one of my apps.

Place this code in your style.css file.

.prev
{
width:49.5%;
 float:left;
 background-color:#c4c4c4;
 height:40px;
 border-right:solid 1px #ffffff;

}
.prev a
{
 display:block;
 text-align:center;
 color:#ffffff;
 padding:8px 0;
margin:0;

}
.next
{
width:49.5%;
 float:right;
 background-color:#c4c4c4;
 height:40px;
 border-left:solid 1px #ffffff;

}
.next a
{
display:block;
 text-align:center;
 color:#ffffff;
 padding:8px 0;
margin:0;

}

Place this code in your page where you want the buttons to appear:

<div class="prev"><a href="previous-page.html">Prev.</a></div>
<div class="next"><a href="next-page.html">Next</a></div>

Note I used a text link but you could substitute that with icons. 

Hope this helps

Tim


Nov 30, 2017 04:30 PM
I am finding that it also happening android app even after i have the actual build app.

    1   
You must login to post messages. Click here to log in.