10

I am new to ionic framework. I want to show app instructions like this.

enter image description here

what api/framework i should use to achieve this.Or if anyone have code samples,code pen help me in learning this.

ChrisB
  • 2,497
  • 2
  • 24
  • 43
varun aaruru
  • 2,920
  • 1
  • 20
  • 36
  • i cant post image..please check in that link – varun aaruru Dec 02 '15 at 07:05
  • Ionic is just built with angular, so create a div or img tag and put your semi-transparent image in it with a z-index higher than your main content. – brybott Dec 02 '15 at 07:10
  • it is not looking good... – varun aaruru Dec 02 '15 at 09:44
  • I want to build a similar feature into my app. Therefore i bookmarked an example from Mike Hartington, a developer from the ionic framework. Take a look at his [codepen example](http://codepen.io/mhartington/pen/GgeYaM). – Beat Dec 02 '15 at 09:48
  • Hey @Beat, thanks for codepen.. but can you check image i posted(link). I want to implement that type of feature – varun aaruru Dec 02 '15 at 10:45
  • What about this [SO Question](http://stackoverflow.com/questions/12013334/how-do-you-create-a-transparent-demo-screen-for-an-android-app)? Seems to be the same – Beat Dec 03 '15 at 16:29
  • That is native android @Beat – varun aaruru Dec 21 '15 at 12:59

1 Answers1

7

If you mean a "tour" or "intro" feature you can try to use one of the various AngularJS plugins:

https://github.com/abhikmitra/ng-joyride/

http://code.mendhak.com/angular-intro.js/example/index.html

http://daftmonk.github.io/angular-tour/

https://github.com/benmarch/angular-ui-tour

https://github.com/angular-ui/ui-tour

Those ones are for web sites but you can evaluate if they could meet your needs.

beaver
  • 17,333
  • 2
  • 40
  • 66