Configuring morphic controls
Morphs by default come with a set of behaviors that make them react to user inputs. The can be grabbed, dragged, resized and have meta operations such as opening halos on command/control click or show a menu. Additionally, specific kinds of morphs such as text morph will be editable by default.
When this interactive behavior is not desirable for an application it can be disabled. The most often used properties can be toggled via a morph's menu:
The properties of the menu and every other attribute can also be set programmatically. Consider this example:
var playground = this.get("playground");
// Disable halos for all morphs:
playground.withAllSubmorphsDo(function(ea) { return ea.disableHalos(); });
// Make text1 not editable
playground.get("text1").setInputAllowed(false);
// ...also disable text selection
playground.get("text1").setIsSelectable(false);
// To make it all really *dead*:
playground.withAllSubmorphsDo(function(ea) {
ea.applyStyle({
enableDragging: false, enableDropping: false, enableGrabbing: false,
enableHalos: false, enableMorphMenu: false,
inputAllowed: false, selectable: false,
})
});
playground
This is text1
box2
This is text2
box1