layout AddLocalWebFont
{
    view subview(margin: 20)
    {
        row()
        {
            subview(height: 40,
                    identifier: "ID_LocalWebFontsView_DescriptionHolder",
                    width: 520,
					show_border:false);
        }

        row(spacing: 20)
        {
            column(indent: 4,
                   spacing: 16)
            {
                row(horizontal: @align_right)
                {
                    static_text(name: "$$$/LocalWebFontView/Label/FontName=Font Name:");
                }

                row(horizontal: @align_right)
                {
                    static_text(name: "$$$/LocalWebFontView/Label/EOTFont=EOT Font:");
                }

                row(horizontal: @align_right)
                {
                    static_text(name: "$$$/LocalWebFontView/Label/WOFFFont=WOFF Font:");
                }

                row(horizontal: @align_right)
                {
                    static_text(name: "$$$/LocalWebFontView/Label/TTFFont=TTF Font:");
                }

                row(horizontal: @align_right)
                {
                    static_text(name: "$$$/LocalWebFontView/Label/SVGFont=SVG Font:");
                }

                row()
                {
                    static_text(characters: 8,
                                name: " ");
                }
            }

            column()
            {
                row()
                {
                    edit_text(characters: 24,
                              identifier: "ID_LocalWebFontsView_FontName");
                }

                row(spacing: 5)
                {
                    edit_text(characters: 24,
                              identifier: "ID_LocalWebFontsView_EOTFont");

                    button(action: @do_EOTfont_browse,
                           height: 18,
                           identifier: "ID_LocalWebFontsView_EOTFont_Browse",
                           name: "$$$/LocalWebFontView/Button/Browse=Browse...");
                }

                row(spacing: 5)
                {
                    edit_text(characters: 24,
                              identifier: "ID_LocalWebFontsView_WOFFFont");

                    button(action: @do_WOFFfont_browse,
                           height: 18,
                           identifier: "ID_LocalWebFontsView_WOFFFont_Browse",
                           name: "$$$/LocalWebFontView/Button/Browse=Browse...");
                }

                row(spacing: 5)
                {
                    edit_text(characters: 24,
                              identifier: "ID_LocalWebFontsView_TTFFont");

                    button(action: @do_TTFfont_browse,
                           height: 18,
                           identifier: "ID_LocalWebFontsView_TTFFont_Browse",
                           name: "$$$/LocalWebFontView/Button/Browse=Browse...");
                }

                row(spacing: 5)
                {
                    edit_text(characters: 24,
                              identifier: "ID_LocalWebFontsView_SVGFont");

                    button(action: @do_SVGfont_browse,
                           height: 18,
                           identifier: "ID_LocalWebFontsView_SVGFont_Browse",
                           name: "$$$/LocalWebFontView/Button/Browse=Browse...");
                }

                row(margin: 6);

                row(spacing: 0)
                {
                    column(indent: 2)
                    {
                        checkbox(horizontal: @align_center,
                                 identifier: "ID_LocalWebFontsView_LegalCheck");
                    }

                    column(indent: 2,
                           spacing: 0)
                    {
                        row(indent: 3)
                        {
                            static_text(characters: 18,
                                        name: "$$$/LocalWebFontView/LegalDisclaimer=I have properly licensed the above Font(s) for website use.");
                        }

                        row()
                        {
                            link_button(action: @do_legal_url,
                                        identifier: "ID_LocalWebFontsView_LegalLink",
                                        name: "$$$/LocalWebFontView/LegalLinkLabel= What's this?");
                        }

                        row(indent: 183)
                        {
                            button(identifier: "ID_LocalWebFontsView_AddButton",
                                   name: "$$$/LocalWebFontView/Button/Add=Add");
                        }
                    }
                }
            }
        }
		
		row();
		row();
        separator();
		row();
		row();
		
        row( indent: 0)
        {
            column()
            {
                static_text(characters: 8,
                            horizontal: @align_right,
                            name: "$$$/LocalWebFontView/List/ListBox=Local Web Fonts Previously Added:");
            }

            column()
            {
                subview(height: 100,
                        identifier: "ID_LocalWebFontsView_LocalFontList",
                        width: 265);

                button(identifier: "ID_LocalWebFontsView_RemoveButton",
                       indent: 198,
                       name: "$$$/LocalWebFontView/Button/Remove=Remove");
            }
        }
    }
}
