Alert or Note are returned in any server-side action to show something to user. For example, you create a button with actionSubmit, when the user click to button, the actionSubmit will be triggered at server-side, there you can process action or data, and if something wrong, you can return an Alert. Dashboard will send to client-side pop up content to alert user.

Alert and Note are not widget that you should add directly to content.

In your case, I have not fully understood your intention yet. May be you can provide more context, what you want to complete, some illustration, some code so that I can understand more the situation.

HI Eugene,

The issue of duplicate widgets is happens when FlexView is in the step 1, it receives command to change view to step 2 but then immediately change back to step 1, the loading of step 1 will be duplicated.

You can rearrange abit. Instead of checking the validity in step 2, you can check them right away in step 1. If something went wrong, you show error there (it could be a simple red text or pop-up modal) until everything is right, then you move the step 2.

Now, let me know if you want to show a modal pop-up to show error or a simple text to show error in step 1, I will provide you a pseudo-code for that.

Here comes the code:

use koolreport\dashboard\containers\Html;
use koolreport\dashboard\notifications\Alert;
use koolreport\dashboard\widgets\FlexView;
use koolreport\dashboard\inputs\FileUploader;

class MyBoard extends Dashboard
{
	protected function content()
	{
		return [
			FlexView::create("myFlexView")
			->viewOptions([
				"step1"=>function($params){
					return [
						FileUploader::create("myFileUploader")
						->registerEvent("AllFileHandled",function($params){
							/**
							 * Do your checking files and data here
							 * since all files have been uploaded and
							 * available.
							 * If something wrong, we will register ActionPerformed
							 * event to access the Response to output error message
							 * with Alert notification.
							 * If nothing wrong, we will show the next view. The
							 * step 2 will show with error clean and does not need
							 * to check again.
							 */
							if($someThingWrong) {
								$this->registerEvent("ActionPerformed",function($params){
									$response = $params["response"];
									$response->show(Alert::danger("Your error message"));
								});
							} else {
								$this->sibling("myFlexView")->showView("step2");
							}
						})
					];
				},
				"step2"=>function($params){
					return [
						Html::div("Everything is fine"),
					];
				},
			])
		];
	}
}

Hope that helps.

You can do this:

$response->show(
    Alert::create()
    ->type("danger")
    ->title("Error")
    ->sub([
        //Complex content here
        Html::p("Developer does not know what error is, but it happens, bear yourself, I show you some unnecessarily things here just to divert your attention from the error, wish you strength to endure."),
        LineChart::create("whatADumpChart")
    ])
);

The Alert is actually derived from Modal but automatically added with OK button at footer so you do not need to do it by yourself.