Blog of an IT Guy

We will update the default.htm file with our CSS and Script files along with a couple of other modifications. Overall pretty easy stuff.

1. In Visual Studio
2. Under the LsCoreProject.App project
3. Open up the default.htm file
4. Under the standard LightSwitch CSS links add the following in order
5. LightSwitchTiles.min.css from the MetroUICss folder
6. spectrum.css from the Content folder
7. sp-msls-light-theme.css from the Content folder
8. Scroll down to the scripts section
9. Add the spectrum.js and itgLsHelper.js files
10. At the document ready section add the following modification

    // Mod to allow us to identify what screen to start with, good for first run configurations
    var start = itgLsHelper.getUrlParameterByName("start");
    msls._run(start)
    .then(null, function failure(error) {
    alert(error);
    });
    

11. Finally, after the document ready, but before the end body tag, add the following script. This fixes a problem with ETags. You can read more about the issue at this TechNet article by Dave Kidder.

    <script type="text/javascript">
    itgLsHelper.fixMetadataHandlerForEtag();
    itgLsHelper.fixJsonHandlerForEtag();
    </script>
    

12. Save your solution

Yay! Section done…

Next… Add LogIn/LogOut/Register/ChangePassword

Here are the topics and their logical order:

1. Create the project
2. Add external CSS
3. Add external scripts
4. — You
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. Create a tile menu screen
14. Create a database project
15. How to deploy successfully
16. Wrap up