Grial Project Structure

For your convenience we have structured the .Net standard project with the following setup:

Grial
    |_ Controls
    |_ Helpers
    |_ Properties
    |_ Resx
    |_ Styles
        |_ TabControl
        |_ VideoPlayer
    |_ Themes
        |_ RTL
    |_ ViewModels
    |_ Views

Controls Folder

This folder -as its name suggests- contains all UI controls we provide (which may be different in Grial Standard than Grial Pro).

Grial
    |_ Controls
        |_ Charts
        |_ Popups
        |_ SharedViews

Helpers Folder

Here you will find helpers for animations, converters as well as the mappings for each icon font family Grial provides.

Grial
    |_ Helpers
        |_ Animations
        |_ Converters
        |_ Fonts

Resx Folder

Here you will find all the files with the i18n resources.

Grial
    |_ Resx

Styles Folder

This folder contains XAML resources used by TabControl and VideoPlayer controls as well as the curved mask SVG file and the AppFontFamilies.xaml, which contains all the resources with the fonts used in Grial demo app.

Grial
    |_ Styles
        |_ TabControl
        |_ VideoPlayer
        |_ AppFontFamilies.xaml
        |_ curved_mask.svg

Views Folder

The Views folder is where the XAML pages, flows and templates reside. Inside you will find all our pages categorized as follows:

Grial
    |_ Views
        |_ Articles
        |_ ChatFlow
        |_ DataViz
        |_ Ecommerce
        |_ EcommerceFlow
        |_ Forms
        |_ Messages
        |_ MoviesFlow
        |_ Navigation
        |_ Onboarding
        |_ Social
        |_ TasksFlow
        |_ Theme

Flows

Grial Flows are grouped inside the Views folder.

They add the Flow suffix on their folder name:

Grial
    |_ Views
        |_ ChatFlow
        |_ EcommerceFlow
        |_ MoviesFlow
        |_ TasksFlow

Themes Folder

This folder contains all the available themes in Grial and the RTL dictionaries.

Grial
    |_ Themes
        |_ BlackboardTheme.xaml
        |_ BlackSunTheme.xaml
        |_ CabernetLightTheme.xaml
        |_ DarkTheme.xaml
        |_ HazeTheme.xaml
        |_ LightTheme.xaml
        |_ MyAppTheme.xaml
        |
        |_ RTL
            |_ LTRTheme.xaml
            |_ RTLTheme.xaml