This can be achieved simply by showing or hiding it with stylsheet.
Any control that triggers the message area is fine, but
In the example below, it is DropDownList(AutoPostBack=True).
The moment the DropDownList is changed, the message area will be displayed by javascript and the message area will be displayed after that
Server-side processing is performed with AutoPostBack.
The server-side processing results return to the same screen, and the message area is redrawn and hidden again.
1) Preparing a message area
Since it is position:absolute, it won't get in the way. Even just after the form...
However, if you are using an updatepanel, please put it inside the button just like the button.
<div id="waitMsg" style="display:none; padding:20px 40px; color:White; position:absolute;top:250px; left:150px">
You are currently searching. Please wait a moment.
</div>
② Preparing Javascript
<script type="text/javascript" language="javascript">
function changeVisible() {
var idWaitMsg = document.getElementById('waitMsg');
if (idWaitMsg.style.display == 'none') {
idWaitMsg.style.display = 'block'; //Display.
} else {
idWaitMsg.style.display = 'none'; //Hide.
}
}
</script>
③ Paste javascript into the control
Give attributes even when loading.
If it's a dropdown, onchange
DropDownList1.Attributes["onchange"] = "changeVisible(); ";
OnClick on radio button
RadioButtonList1.Attributes["onClick"] = "changeVisible(); ";