https://github.com/mrchief/jsonbootstrapmenu

Create Bootstrap (3) Menus with a simple JSON config file in ASP.NET
https://github.com/mrchief/jsonbootstrapmenu

Last synced: 10 days ago
JSON representation

Create Bootstrap (3) Menus with a simple JSON config file in ASP.NET

• Host: GitHub
• URL: https://github.com/mrchief/jsonbootstrapmenu
• Owner: mrchief
• License: mit
• Created: 2014-10-08T20:04:42.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-10-08T20:21:52.000Z (about 10 years ago)
• Last Synced: 2024-12-06T13:07:32.068Z (22 days ago)
• Language: C#
• Size: 141 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
JsonBootstrapMenu

====================

Create Bootstrap (3) Menus with a simple JSON config file in ASP.NET

##Usage

Install via Nuget: [JsonBootstrapMenu](https://www.nuget.org/packages/JsonBootstrapMenu/)

##Sample

Given this config:

```js

[

  {

    "text": "Dashboard",

    "url": "/dashboard"

  },

  {

    "isDivider": true

  },

  {

    "text": "Help",

    "submenus": [

      {

        "url": "/documentation/GenHelp.pdf",

        "text": "General",

        "target": "new"

      },

      {

        "isDivider": true

      },

      {

        "url": "/documentation/DeployHelp.pdf",

        "text": "Deploy Help",

        "target": "new"

      }

    ]

  }

]

```

generates this menu structure:

```html



    


        Dashboard

    

    


        Help 

        


            
General

            


            
Deploy Help

        

    



```


which looks like this when rendered*: 

![screenshot](http://i.imgur.com/R2CdujD.png)

*(note that this screenshot was generated using a custom bootstrap theme, the helper doesn't include or affect any of the bootstrap styles)