Articles → LIGHT SWITCH 2011 → Hide Menu And Ribbon Group In Lightswitch 2011

Hide Menu And Ribbon Group In Lightswitch 2011

In this article I will explain how to hide default ribbon group and menu control in Lightswitch 2011.

Software Requirement

Before you start reading this tutorial you should make sure that

Visual studio 2010 is installed on your machine.
Visual Studio 2010 service pack 1 is installed on your machine.
Microsoft Visual Studio Light switch 2011 is installed on your machine.

Technical Knowledge

In order to understand this tutorial you should make sure that you have knowledge of following concepts

How to create projects in visual studio?
How to create screens in lightswitch?
What is screen's run event?
What do you mean by visual parent (or child) of an element in Silverlight?
What is the purpose of application.cs file?

Create A New Project And Add A New Screen

First of all create a new lightswitch project and add a new screen (of type editable grid screen) in it. See the screen shot below for screen design

Picture showing the design screen of the editable grid screen

Click to Enlarge

Now run the application to ensure you could see default menu and ribbon group.

Picture showing the default menu of the lightswitch application

Click to Enlarge

Write Code To Hide Controls

Create a new class and write following code

using System.Windows;
using System.Windows.Media;
using Microsoft.LightSwitch.Runtime.Shell.Implementation.Standard;
using Microsoft.LightSwitch.Threading;

namespace LightSwitchApplication.UserCode {
	public class RibbonAndMenuClass {

		private static DependencyObject FindControlByName(DependencyObject control, string name) {
			if (control.GetValue(FrameworkElement.NameProperty) != null && control.GetValue(FrameworkElement.NameProperty).ToString() == name) {
				return control;
			}

			for (int i = 0; i < VisualTreeHelper.GetChildrenCount(control); i++) {
				var child = FindControlByName(VisualTreeHelper.GetChild(control, i), name);
				if (child != null) {
					return child;
				}
			}
			return null;
		}

		public static void HideRibbonAndMenu() {
			Dispatchers.Main.Invoke(() = >{
				UIElement root = System.Windows.Application.Current.RootVisual;
				((NavigationView) FindControlByName(root, "NavigationView")).Visibility = Visibility.Collapsed;
				((RibbonCommandBar) FindControlByName(root, "HomeTabItem")).Visibility = Visibility.Collapsed;
			});
		}
	}
}

Call The Method From Screen’S Run Method

Now go to the screen and click on ‘Write Code’ dropdown. And from the drop down select screen’s run event

Picture showing adding the EditableGrid_Run event in the screen

Click to Enlarge

Once you click on the link a method gets created in application.cs file. Now call the ‘HideRibbonAndMenu’ method which we have added above. So the code will be

using LightSwitchApplication.UserCode;
namespace LightSwitchApplication {
	public partial class Application {

		partial void EditableGrid_Run(ref bool handled) {
			RibbonAndMenuClass.HideRibbonAndMenu();
		}
	}
}

Now run the application.

Output

Picture showing the default menu hidden in the lightswitch application

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Friday, October 24, 2014

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**