O'Reilly logo

Dart: Scalable Application Development by Ivo Balbaert, Sergey Akopkokhyants, Davy Mitchell

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

An overview of slides

This provides the user with a visual overview of the slides, as shown in the following screenshot:

An overview of slides

The presentation slides will be recreated in a new full screen Div element. This is styled using the fullScreen class in the CSS stylesheet located in the SlideShowApp constructor:

overviewScreen = new DivElement();
overviewScreen.classes.toggle("fullScreen");
overviewScreen.onClick.listen((e) => overviewScreen.remove());

The HTML for the slides will be identical. To shrink the slides, the list of slides is iterated over, the HTML element object is obtained, and the CSS class for the slide is set:

currentSlideShow.slides.forEach((s) ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required