Skip to content
Easily add a walkthrough to your apps for both iOS and Android
Branch: develop
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
nuspec
resources
src
tools
.editorconfig
.gitattributes
.gitignore
LICENSE
README.md
appveyor.yml
build.cake
build.ps1
build.sh
icon_xablu.png

README.md

Xablu.Walkthrough

The Xablu Walkthrough helps you to easily add a walkthrough to your apps for both iOS and Android

Setup & Usage

Build Status:

Build status GitHub tag NuGet MyGet

Containers & Pages

The plugin works with themes. Every theme must consist of a Container and a Page. Containers and Pages can be mixed and matched. The current available containers and pages are:

ForestPrimes container and page Pantheon container and ForestPage Vesta container and page
ForestPrimes Pantheon Vesta
ForestPrimes Pantheon Vesta

Usage

After you have installed the nuget into every project simple create a new theme in your PCL library like so:

var theme = new Theme<ForestPrimesPage, ForestPrimesContainer>();

Now style your container the way you like, for example:

 theme.Container = new ForestPrimesContainer()
            {
                StartButtonControl = new ButtonControl()
                {
                    Text = "START",
                    BackgroundColor = Color.FromArgb(0, 237, 26, 59)
                },
                NextButtonControl = new ImageButtonControl()
                {
                    Image = "ArrowRight",
                    ClickAction = () => CrossWalkthrough.Current.Next()
                }
            };

Add as much pages to the theme as you like:

            theme.Pages.Add
                 (
                      new ForestPrimesPage()
                      {
                          BackgroundColor = Color.FromArgb(239, 239, 239),
                          TitleControl = new TextControl()
                          {
                              Text = "Take advantage now!",
                              TextSize = 24
                          },
                          ImageControl = new ImageControl()
                          {
                              Image = "xablu"
                          },
                          DescriptionControl = new TextControl()
                          {
                              Text = "Don't build it yourself, use the XABLU plugin! It's easy to extend and implement!",
                              TextSize = 16
                          }
                      }
                    );

Next call the setup method and show it:

CrossWalkthrough.Current.Setup(theme);
CrossWalkthrough.Current.Show();
You can’t perform that action at this time.