https://github.com/brianlparker/cleanview

Clean view is a wrapper for MainLayout for blazor project. As it has customizable components a wrapper allows easier definition than a replacing MainLayout.
https://github.com/brianlparker/cleanview

Last synced: about 1 year ago
JSON representation

Clean view is a wrapper for MainLayout for blazor project. As it has customizable components a wrapper allows easier definition than a replacing MainLayout.

• Host: GitHub
• URL: https://github.com/brianlparker/cleanview
• Owner: BrianLParker
• Created: 2020-06-27T16:30:43.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-11-13T01:43:43.000Z (over 5 years ago)
• Last Synced: 2025-06-20T16:11:42.058Z (about 1 year ago)
• Language: C#
• Size: 5.55 MB
• Stars: 5
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CleanView

Clean view is a wrapper for MainLayout for blazor project. As it has customizable components, a wrapper allows easier definition than a replacing MainLayout.

![alt text](https://user-images.githubusercontent.com/8317299/95468150-f21d1200-09c9-11eb-8d77-3bb0239212c9.png)

## You need to:

1. Import the styles from "_content/CleanView/styles.css"

2. Add a using statement to _Imports.razor

3. Update your MainLayour razor to use the wapper.

## Index.html or _Host.cshtml

```

    ...

    

```

## _Imports.razor

```

@using CleanView

```

## MainLayout.razor

```

@inherits LayoutComponentBase

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        @Body

    

```

### NavPanel's 

- NavPanelMenuItems can contain NavPanelMenuItems allowing for nested menu structure.

- NavPanelMenuItems can be treated like anchor elements. Attributes are splattered to the anchor. If css classes are used be aware they will override the default class applied.

```

    

    

        

        

            

            

        

     

    

```

### BackgroundSetter

- Placing this item on a page will set the background image on initialization.

```

```