UISlideOut with UIGoToArticle doesn't work together?

[Steve Ng]

Hi,

 

Does chocolate chip UI support both UISlideOut with UIGoToArticle in the same app?

I noticed that there's an error from the console if I attempted to use both line of code.

Error being: 

"Uncaught TypeError: Cannot read property 'id' of undefined".

Regards,

Steve

[Joe Ortiz]

When used together, the property of id is undefined.  Code example on how you are initializing this?

On Friday, March 28, 2014 1:08:25 PM UTC-4, Steve Ng wrote:

Hi,

 

Does chocolate chip  the UI support both UISlideOut with UIGoToArticle in the same app?

[Robert Biggs]

Hi Steve,

Please open up the Slideout example to see how you wire it up to switch articles. It's slightly different approach that a navigation list, instead of data-goto it uses data-show-article. Also please this example on Codepen.io: http://codepen.io/rbiggs/pen/aEjrl

[Jacob Sherwood]

I am having the same issue trying to use UISlideOut and UIGoToArticle in the same app.

I copied your above referenced codepen, simplified it a bit and updated the css and js sources to later versions.

http://codepen.io/anon/pen/YXEbQB

I currently have //$.UISlideout();  commented out and my UIGoToArticle works just fine.

Clicking on the pink Imagine Dragon text goes to the pictures article.

$('#goto_pics').on('singletap', function() {

         $.UIGoToArticle('#pictures');

    });

If you uncomment that so that the UISlideout works you then get the above mentioned error.

"Uncaught TypeError: Cannot read property 'id' of undefined".

Any help is much appreciated.

Thx,

Jake

[Robert Biggs]

I'm not sure what you're tyring to accomplish with this. The slideout is the navigation technique. Initializing it with $.UISlideout() sets it up and $.UISlideout.populate, puts the items in the slideout menu. Based on the values in $.UISlideout.populate the slideout know what to show. Now, if you want to provide navigation off to another page NOT in the slideout menu, that should not be a problem. just use $.GoToArticle(). You destination should be something not in the slideout menu. Otherwise, the navigation simply doesn't make sense. The slideout is to give the user constant access to destination that he or she might want at any time in your app. $.GoToArticle is for drilling down into more detail from a page.

--
You received this message because you are subscribed to the Google Groups "ChocolateChip-UI" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chocolatechip-...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Jacob Sherwood]

You can't have it both ways?   

Seems like there might be certain cases where you might have a quick link to another section from the current section the user is in, with no need to show the Slideout menu.  For example if you are on a "log in" page and you forgot your password.  You could click on a forgot password link right on that page.   Sure, navigation to the forgot password is also in the Slideout but seems like an extra step for the user.

Its ok we wrote custom functions to handle it.  I just thought it might be something the UI would be able to handle.

Thanks for getting back to me.

[Robert Biggs]

Just so you know, I went back and refactored the slide out to work with navigation lists now.