Community
cancel
Showing results for 
Search instead for 
Did you mean: 
nicolas_r_
Beginner
191 Views

ionic href on list

Jump to solution

 

hi im building whit ionic as framework and i have some list "list item avatar" and i need them to link to other pages but i put in href "#otherpage" but it do nothing on emulator, Captura de pantalla 2016-03-04 a las 10.11.14.png

Tags (2)
0 Kudos
1 Solution
Chris_P_Intel
Employee
191 Views

For Ionic, an href isn't enough to go to a second page.  The Ionic list items are not appearing in the Interactivity pane. This is fixed and will be available in the next release.

Fortunately, it is easy to work around.

1 - Add a button to your design.  

2- In the Interactivity pane, link the button to the page you desire.

3 - Choose the button again in the Interactivity pane, and click the "Edit Script" button to go to its event handler.  You'll see something like this there:

    /* button  Button */
    $(document).on("click", ".uib_w_6", function(evt)
    {
         /*global activate_page */
         activate_page("#second-page"); 
    });

4 - Find the   uib class name for the list item you want to link.  (It'll be "uib_w_XXX" for some XXX).

5 - Change (or duplicate) that handler registration above and use the list item uib class name, rather than the buttons.  

 

Don't skip step #2, because the "activate_page" script will not be part of your project until you link something to a page in the Interactivity pane.

 

Hope this helps,

Chris

View solution in original post

4 Replies
Chris_P_Intel
Employee
192 Views

For Ionic, an href isn't enough to go to a second page.  The Ionic list items are not appearing in the Interactivity pane. This is fixed and will be available in the next release.

Fortunately, it is easy to work around.

1 - Add a button to your design.  

2- In the Interactivity pane, link the button to the page you desire.

3 - Choose the button again in the Interactivity pane, and click the "Edit Script" button to go to its event handler.  You'll see something like this there:

    /* button  Button */
    $(document).on("click", ".uib_w_6", function(evt)
    {
         /*global activate_page */
         activate_page("#second-page"); 
    });

4 - Find the   uib class name for the list item you want to link.  (It'll be "uib_w_XXX" for some XXX).

5 - Change (or duplicate) that handler registration above and use the list item uib class name, rather than the buttons.  

 

Don't skip step #2, because the "activate_page" script will not be part of your project until you link something to a page in the Interactivity pane.

 

Hope this helps,

Chris

View solution in original post

nicolas_r_
Beginner
191 Views

thanks i will try and hopefully its works for me, when is the next release?  ionic works for IOs also right?

 

PaulF_IntelCorp
Employee
191 Views

Nicolas -- we are not allowed to publish release dates. We are testing release candidates, so the next release will be soon, but we cannot provide a specific date for the release because it is subject to slips.

nicolas_r_
Beginner
191 Views

thanks  chris it works =D

Reply