/// <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> /// <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 }); }