I am using angular introjs in my project on a page for the first time. It works fine and I am able to use customized options too. But want to navigate to another page through the steps.
For example, on first step I click next, the second step should be navigation to another page, and not the step in the same page.
Is there an option under ng-intro-options in angular introjs for navigating to other pages aswell?
Related
I have a page 1 and a page 2. On page 1 is a specific component. On page 2 I have a button. After clicking on that button I want to navigate to the position of the specific component on page 1.
Is there a legit way to handle this?
By the way I am using GatsbyJS.
If you are using Gatsby, there is a plugin made for that :)
https://www.gatsbyjs.org/packages/gatsby-plugin-anchor-links/
Else you can just set an id on the component on page 2 and link with /page2#yourid
Is it possible for Angular 2 to ignore whatever comes before a route/path? I'm using Angular 2 on my EpiServer website. When I press a link using Angular, it removes whatever path that comes before it.
For example:
User navigates to /jobs/application/step1.
He or she performs some action on the page, then presses a button to go to /jobs/application/step2.
Angular then removes /jobs/application/ from the path and the url becomes /step2.
Is it possible for Angular to continue using the current path and put the step 2 path on /jobs/application/step2?
I have an angular page that I want to use a plugin like intro.js to demo the different features of the page. However, the issue is that not the entire page is displayed on load. The user is presented with an input box at first that they have to fill out with an id and hit submit. Once they hit submit, the page makes an $http post call and then displays the rest of the page with the data and the other features.
So in this situation, what is the best way to demo this page when only a part of it is display at the beginning? I had 2 ideas
Use a static image of the full page and do a demo on the image
Have a demo button that presents the first part of the page and then when the user submits the id, provide a separate button that demos the rest of the page features
Are those the only 2 ways to do it? Is there any other way?
there are 2 ways
once initial demo is complete, add a hint button (it is feature in intro.js) and restart demo once user click hint
use programmatic way to add steps. first display 2 steps, let user submit the form and on load of controller. restart introjs again
I'm currently creating a web app in Angular (beginner) and I'm a little deep into it. I potentially want to alter my design and get input on other possible designs of my app. There are two routes, first route is the main page which shows a table full of links. When I click on one of these links, it will send me to my second route (I pass in key data to the URLs for the second route from the first one). The second route is a tabulated view of some information.
One reason I wanted to alter the design was so I could only have one route (with tabs). The first tab will show my table full of links (first route) and the rest of the tabs will show the information (second route) therefore compiling it into one route. Is it possible to click on the link (first route) and it will lead to me to the next tab with key information I can use to populate that tab or is it better to separate it out?
example (current design):
first route (table):
person_1, person2, person3
person_4, person5, person6
second route (pretend I clicked person1):
tab, tab, tab. Information about that person in each tab (Using parameters passed in through url).
If you want to show something in a different tab you could just hide the tab using jquery or ng-hide.
So when the link is clicked instead of navigating to another route simply call a function to show the hidden tab after loading the info for that tab
I decided to learn AngularJS, but I got stuck on my first project :/
I want to make menu like in first example here: http://tutorialzine.com/2013/08/learn-angularjs-5-examples/ So there are a few options: "home", "projects" etc. and if I click on one I get other part of site without reloading whole page.
What I want to accomplish:
dynamic data loading, when I click on link, refreshes only one part of page not all. I want to make page like this (click on any link - the menu bar sands still and isn't reloaded)
all parts of site are in separate files (I don't want to keep all page data in one html file, I want to break it into pieces)
adress of page (in browsers adress bar) is changing when I click on link
I know I could use AJAX or something like this, but the problem is: I want to make Google-friendly site and - as in know - Google have some problems with AJAX based sites.
Can you tell me what way should I choose and if angularJS actually qualify to this job?