LS2013 Core Project – Create a tile menu screen

So all those modules leading up to this. Seems anticlimactic eh?

We’ll be creating two screens that will be used for navigation with the new Metro (Modern) tiles.

  1. In Visual Studio
  2. Add a new Browse Screen
  3. Screen Name: Start
  4. Screen Data: none
  5. Add a new Data Item to the screen
  6. Local Property, Boolean, Not required
  7. Name it: itgReady
  8. Add a Custom Control under Rows Layout
  9. Leave the Screen as the data path
  10. Set the Label Position to None
  11. Edit Render Code for this Custom Control
  12. Add the following code to the method
    		// This will initialize the system, getting user info, permissions, etc
    		// Only needed in your startup screen. Called once.
    		itgLsHelper.init({
    			readyPropertyName: "itgReady",
    			contentItem: contentItem,
    			element: element,
    			menuName: "Start"
    		});
    
  13. Again if you drag over the itgLsHelper.js file to the top of the screen you’ll have Intellisense.
  14. Also, Set this screen as your Home screen.

    We need to create another screen for our Security menu.

  15. Add a new Browse Screen
  16. Screen Name: Security
  17. Screen Data: none
  18. Add a Custom Control under Rows Layout
  19. Leave the Screen as the data path
  20. Set the Label Position to None
  21. Edit Render Code for this Custom Control
  22. Add the following code to the method
    	// Pretty easy... just pass the name of the menu to render
    	itgLsHelper.tileMenu(element, "Security");
    

Yay! Time for a new part of the process, creating a database project that we can use to prepopulate our data. I can’t imagine anyone not using this feature going forward with LightSwitch, its such a time saver.

Next… Create a Database Project


Here are the topics and their logical order:

  1. Create the project
  2. Add external CSS
  3. Add external scripts
  4. Update the default.htm
  5. Add LogIn/LogOut/Register/ChangePassword
  6. Create the security data source
  7. Screens for permissions
  8. Screens for role management
  9. Screens for user management
  10. Tables for tile menus
  11. Screens for icon management
  12. Screens for menu management
  13. — You
  14. Create a database project
  15. How to deploy successfully
  16. Wrap up

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: