OK, I remembered it wrong, the div is emptied already on login page.
I find your request a bit odd. Naturally people find things difficult that they don't understand. But what exactly would be "simple enough" that non-programmers would understand it? I doubt that's a goal any app developer aims at, after all, this is a web application, and if you want to customize it you just need to understand how it works.
However, I agree that the GWT platform brings unnecessary complexity, and I'm currently writing version 2.0 which makes all this different. New version will be 100% templated and thus easier to customize. Still, I doubt that all non-programmers would understand it (and I'm not even trying to achieve that).
But until that, here's how you can have your login message in the index.html (marked important parts in red):
<html>
<head>
<title>Mollify page</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="client/themes/basic/style.css">
<script type="text/javascript" language="javascript" src="client/init.js"></script>
<script type="text/javascript" language="javascript" src="client/localization/texts_en.js"></script>
<script type="text/javascript" language="javascript" src="backend/plugin/Plupload/client/texts_en.js"></script>
<script type="text/javascript">
mollify.init({
// your configuration here
"plugins": [
new CustomMessagePlugin() // THIS IS IMPORTANT
]
});
function CustomMessagePlugin() {
this.getPluginInfo = function() { return { id: "custom-message-plugin" }; }
this.initialize = function(env) {
env.addEventHandler(function(e){
if (e.type == 'SESSION_START') {
var session = e.payload;
if (session['authenticated'])
$("#login-message").hide();
else
$("#login-message").show();
}});
}
}
</script>
<script type="text/javascript" language="javascript" src="client/org.sjarvela.Mollify.nocache.js"></script>
</head>
<body>
<div id="login-message">your login message here</div>
<div id="mollify"></div>
</body>
</html>