layout AddMediaQueryDialog
{
    view dialog(margin: 0,
                name: "$$$/AddMediaQuery/Label/DefineMediaQuery=Define Media Query",
                placement: @place_column,
                resizeChildren: true,
                spacing: 0)
    {
        column(margin: 20)
        {
            row()
            {
                static_text(name: "$$$/AddMediaQuery/Label/Prompt=Please define the media query you would like to use below:");
            }

            row(placement: @place_column,
                spacing: 5)
            {
                group(margin: 5,
                      name: "$$$/AddMediaQuery/Label/Conditions=Conditions")
                {
                    subview(height: 117,
                            identifier: "IDC_GROUP_CONDITION",
                            width: 366);
                }

                row(guide_mask: [ @guide_label ],
                    spacing: 0)
                {
                    column()
                    {
                        button(height: 16,
                               identifier: "IDC_WARN_ICON",
                               image: "",
                               width: 16);
                    }

                    column(margin: 2)
                    {
                        subview(height: 26,
                                identifier: "IDC_WARN_CONTAINER",
								show_border: false,
                                width: 354);
                    }
                }
            }

            row(guide_mask: [ @guide_label ],
                horizontal: @align_left,
                placement: @place_column,
                spacing: 5)
            {
                static_text(name: "$$$/AddMediaQuery/Label/Code=Code");

                edit_text(alt: "$$$/AddMediaQuery/tooltip/code",
                          characters: 44,
                          identifier: "IDC_EDIT_PREVIEW_CODE",
                          lines: 3,
                          readonly: true,
                          scrollable: true);
            }
        }

        separator();

        column(horizontal: @align_right,
               indent: 10,
               margin: 10)
        {
            row(horizontal: @align_right)
            {
                column()
                {
                    button(action: @do_help,
                           identifier: "ID_HELP",
                           name: "$$$/AddMediaQuery/Label/Help=Help");
                }

                column(placement: @place_row,
                       spacing: 4)
                {
                    button(action: @do_cancel,
                           identifier: "IDCANCEL",
                           name: "$$$/AddMediaQuery/Label/Cancel=Cancel");

                    button(action: @do_ok,
                           default: true,
                           identifier: "IDOK",
                           name: "$$$/AddMediaQuery/Label/OK=OK");
                }
            }
        }
    }
}
