Appcelerator. Change content of window - javascript

I am developing an iOS app in Appcelerator.
I got four tabs. How can I change the content of the window when the user clicks a special button or navbar title?
For example if the tab_1 is set to open window_1.js in app.js how can I open window_2.js in tab_1 upon button click? I would prefer not to use views since I would like the content of the window to be in seperate files.
Thankful for all input!

I ran into a similar road block the other day with a Titanium app I'm building. The Titanium.UI.TabGroup has a property called activeTab that is very helpful.
var my_other_view = Ti.UI.createView({params});
var my_tab_group = Ti.UI.createTabGroup({params});
my_tab_group.activeTab.open(my_other_view);
Of course, the code is significantly short-handed :) but it hopefully will steer you in the right direction so that you can implement the desired behavior in your app!
One of the cool thing (IMHO) about activeTab.open() is that, on iOS, a 'back' button will automatically be placed on the title bar so that the user can go back to the previous view/content.

Related

How to load another html/url in electron browser window( index. hml using html5 template)?

Sorry for the naivety in the question. explaining it here.
so i used this sample electron app from this repo:
https://github.com/crilleengvall/electron-tutorial-app
here he used html5 template to navigate within the browser window,
explained here: https://www.christianengvall.se/electron-app-navigation/
on the welcome page/section, i want to create a button, which loads another html file but in the section, not like filling up the whole browser window because i will still need the side bar panel for navigation.
somewhat like this:
also, is it possible to add a option in the menu where we can show/hide any new browser window created?
i would be obliged to give more details if i didnt make myself clear.

Forward button for cordova uwp windows 10 app?

I can see back button for cordova based uwp windows 10 app on top left. Since its kind of web app, I need forward button as well like browser to navigate between the url history.
Is that possible? Please suggest.
I need forward button as well like browser to navigate between the url history.
Is that possible? Please suggest.
In UWP there is no pre-defined forward button, as a workaround, you can create a RuntimeComponent and set the CoreApplicationViewTitleBar.ExtendViewIntoTitleBar to true to "hide" the default title bar just like the official title bar demo did. then add your custom title bar(a div element add to the top of body) and define the back/forward button in your custom title bar.

Multiple views side-by-side windows-like AngularJS

I want to do something similar to Azure portal with ui-router/angularjs.
When a user clicks on a link, I want to open a new window and load the template related to the link. It's possible to "drag" all windows from left to right or right to left when many are open. I thought it would be possible to manage it by using a ui-view for each new window opened, but it seems that we can't setup dynamic view name for a state. What is the best way to achieve this?
Thank you!

How can I add a close button to pop up window

I am in way over my head, new to S/O and need to get this done as soon as possible. If I am doing this wrong I apologize in advance.
I purchased an extension that was simple enough to install but I need to extend the function just a but. I reached out to the developer to no avail.
Anyway I need to add a close button to the pop ups featured on the home page of this website (http://www.juanlafontalaw.com) Click on one of the hotspots (Red) and the pop up will appear. I simply need to add a close button or X that will allow the user to close the pop up without touching the main screen.
The site is Wordpress based. Plug-in: Visual Composer. The Extension: Visual Composer Add-on Image Hotspot with Tooltip (This is the focal point of my question)
I have no idea where to begin and did not expect to be in this position. And I did not think the develop -who does offer support to totally ignore my
Make a button in html, and use jquery click function to make display none in the pop up
$("#btn-id").click(function(){
$("pop-up").css("display","none");
})

What method should I use to make a Chrome toolbar?

I have this small toolbar-like html page:
Currently, a user clicks on a link and this page opens in a new tab at the size shown. The user places this at the top of their screen then opens another tab below it taking up the rest of their screen. The user mainly works out of the larger window and interacts with this "toolbar" periodically.
This setup is obviously not ideal. Especially since you cant hide the chrome frame or the address bar which make the toolbar twice the height it needs to be.
What I'd like to do is make this an actual tool bar in Chrome, something like:
I did see How to make a toolbar in Google Chrome? but I'm not sure which method would best suit my needs.
A few details:
The toolbar must remain visible anytime its turned on/opened (as I
understand it 'infobars' close themselves when not active? not 100%
on that though)
Navigating to a new page should not close the bar
Navigating to a new page should not reload / render the bar (as I understand it using content scripts would reload the bar every time the user goes to a new page,)
I guess we could use a content scripts / local storage type solution to render the bar then set it up as it was on the previous page, seems hacky though.
Am I missing a better way to do this?
Could anyone help me get started down the right path to achieve this result?
A toolbar is an extension.
use content script. The easiet way would be to download a sample from official google chrome's developper site.. and you will be able to change it the way you want.

Categories

Resources