/// <summary> /// In HTML konvertieren+ /// </summary> /// <returns>Die Seite als HTML-Baum</returns> public override IHtmlNode Render() { var flexbox = new ControlPanelFlexbox ( Sidebar, Content ) { Layout = TypeLayoutFlexbox.Default, Align = TypeAlignFlexbox.Stretch, Styles = new List <string>() { "min-height: 85%;" } }; base.Content.Add(Header); base.Content.Add(Toast); base.Content.Add(Breadcrumb); base.Content.Add(SearchOptions); base.Content.Add(flexbox); base.Content.Add(Footer); return(base.Render()); }
/// <summary> /// In HTML konvertieren /// </summary> /// <param name="context">Der Kontext, indem das Steuerelement dargestellt wird</param> /// <returns>Das Control als HTML</returns> public override IHtmlNode Render(RenderContext context) { var panel = new ControlPanel ( Headline ) { BackgroundColor = LayoutSchema.ContentBackground, Width = TypeWidth.OneHundred }; panel.Content.AddRange(Preferences); panel.Content.AddRange(Primary); panel.Content.AddRange(Secondary); var flexbox = new ControlPanelFlexbox(panel, Property) { Layout = TypeLayoutFlexbox.Default, Align = TypeAlignFlexbox.Stretch, Height = TypeHeight.OneHundred }; var elements = new List <IHtmlNode>(); elements.Add(Toolbar.Render(context)); elements.Add(flexbox.Render(context)); return(new HtmlElementTextContentDiv(elements) { ID = ID, Class = Css.Concatenate("content", GetClasses()), Style = Style.Concatenate("display: block;", GetStyles()), Role = Role }); }
/// <summary> /// In HTML konvertieren+ /// </summary> /// <returns>Die Seite als HTML-Baum</returns> public override IHtmlNode Render() { var statusCode = new ControlText() { Text = StatusCode.ToString(), Format = TypeFormatText.H2, Margin = new PropertySpacingMargin(PropertySpacing.Space.One), Padding = new PropertySpacingPadding(PropertySpacing.Space.Four) }; var title = new ControlText() { Text = StatusTitle, Format = TypeFormatText.H3, Margin = new PropertySpacingMargin(PropertySpacing.Space.Two, PropertySpacing.Space.Three) }; var message = new ControlPanelCard(new ControlText() { Text = StatusMessage, Margin = new PropertySpacingMargin(PropertySpacing.Space.Two, PropertySpacing.Space.Three) }) { BackgroundColor = new PropertyColorBackground(TypeColorBackground.Light) }; var panel = new ControlPanel(title, message) { Margin = new PropertySpacingMargin(PropertySpacing.Space.Three) }; var flex = new ControlPanelFlexbox(statusCode, panel) { Layout = TypeLayoutFlexbox.Inline, Justify = TypeJustifiedFlexbox.Start, Align = TypeAlignFlexbox.Stretch }; Content.Add(Header); Content.Add(flex); return(base.Render()); }
/// <summary> /// In HTML konvertieren /// </summary> /// <param name="context">Der Kontext, indem das Steuerelement dargestellt wird</param> /// <returns>Das Control als HTML</returns> public override IHtmlNode Render(RenderContext context) { var navigation = new List <IControlNavigationItem>(Preferences); navigation.AddRange(Primary); navigation.AddRange(Secondary); var content = new ControlPanelFlexbox ( new ControlText() { Text = context.I18N(context.Page.Title), TextColor = LayoutSchema.HeadlineTitle, Format = TypeFormatText.H2, Padding = new PropertySpacingPadding(PropertySpacing.Space.One), Margin = new PropertySpacingMargin(PropertySpacing.Space.None, PropertySpacing.Space.Two, PropertySpacing.Space.None, PropertySpacing.Space.Null) }, new ControlNavigation("functions", navigation) { Layout = TypeLayoutTab.Default, ActiveColor = LayoutSchema.HeaderNavigationActiveBackground, ActiveTextColor = LayoutSchema.HeaderNavigationActive, LinkColor = LayoutSchema.HeaderNavigationLink } ) { Layout = TypeLayoutFlexbox.Default, Align = TypeAlignFlexbox.Center }; return(new HtmlElementSectionHeader(content.Render(context)) { ID = ID, Class = Css.Concatenate("", GetClasses()), Style = Style.Concatenate("display: block;", GetStyles()), Role = Role }); }