 					if attrs.resizeOn?
 						scope.$on attrs.resizeOn, () -> onExternalResize()
 
+					if hasCustomToggler
+						state = element.layout().readState()
+						customTogglerScope = scope.$new()
+						if state.east?.initClosed
+							customTogglerScope.customTogglerTooltip = customTogglerTooltipOpen
+						else 
+							customTogglerScope.customTogglerTooltip = customTogglerTooltipClose
+						customTogglerEl = $compile("
+							<a href 
+							   class=\"custom-toggler\"
+							   tooltip=\"{{ customTogglerTooltip }}\"
+							   tooltip-placement=\"#{ if customTogglerPane == "east" then "left" else "right" }\">
+						")(customTogglerScope)
+						element.append(customTogglerEl)
+					# if hasCustomToggler
+					# 	element.find("> .custom-toggler").on "click", () ->
+					# 		element.layout().toggle("east")
+					# 		repositionCustomToggler()
 					# Save state when exiting
 					$(window).unload () ->
 						ide.localStorage("layout.#{name}", element.layout().readState())

						state = element.layout().readState()
						scope.$broadcast "layout:#{name}:resize", state
						repositionControls()
						resetOpenStates()
						
					oldWidth = element.width()

									right: state.east.size
								})

					repositionCustomToggler = () ->
						if !customTogglerEl?
							return
						state = element.layout().readState()
						if customTogglerPane == "east"
							if state.east?
								customTogglerEl.css({
									right: if state.east.initClosed then 0 else state.east.size
								})
						else if customTogglerPane == "west"
							if state.west?
								customTogglerEl.css({
									left: if state.west.initClosed then 0 else state.west.size
								})

					resetOpenStates = () ->
						state = element.layout().readState()
						if attrs.openEast? and state.east?
