Example Carousel01

Source-owned example maintained with PSWriteHTML.

• Source repository: https://github.com/EvotecIT/PSWriteHTML
• Example group: Example-Carousel

Import-Module .\PSWriteHTML.psd1 -Force

New-HTML -Name 'Test' -FilePath "$PSScriptRoot\Example-Carousel01.html" {
    New-HTMLSection -Invisible {
        New-HTMLPanel {

        }
        New-HTMLPanel {
            New-HTMLCarousel -Height auto -ArrowTemplate arrows -Count -CountTemplate 'countBold' {
                New-CarouselSlide {
                    New-HTMLChart {
                        New-ChartLegend -LegendPosition bottom -HorizontalAlign right -Color Red, Blue, Yellow -DisableOnItemHoverHighlightDataSeries -DisableOnItemClickToggleDataSeries
                        New-ChartAxisY -LabelMaxWidth 200 -LabelAlign left -Show -LabelFontColor Red, Blue, Green -TitleText 'This is title for y Axis' -TitleColor Red
                        New-ChartBarOptions -Distributed
                        New-ChartBar -Name 'Test very long' -Value 1
                        New-ChartBar -Name 'Test1' -Value 20
                        New-ChartBar -Name 'Test2 and even longer title' -Value 30
                    } -Title 'Testing Title' -TitleAlignment center -SubTitle 'Because SubTitles are better' -SubTitleAlignment center -SubTitleFontSize 30 -TitleColor Gold
                }
                New-CarouselSlide {
                    New-HTMLChart {
                        New-ChartLegend -LegendPosition bottom -HorizontalAlign right -Color Red, Blue, Yellow -DisableOnItemHoverHighlightDataSeries -DisableOnItemClickToggleDataSeries
                        New-ChartAxisY -LabelMaxWidth 200 -LabelAlign left -Show -LabelFontColor Red, Blue, Green -TitleText 'This is title for y Axis' -TitleColor Red
                        New-ChartBarOptions -Distributed
                        New-ChartBar -Name 'Test very long' -Value 1
                        New-ChartBar -Name 'Test1' -Value 20
                        New-ChartBar -Name 'Test2 and even longer title' -Value 30
                    } -Title 'Testing Title' -TitleAlignment center -SubTitle 'Because SubTitles are better' -SubTitleAlignment center -SubTitleFontSize 30 -TitleColor Gold
                }
                New-CarouselSlide -BackgroundColor Gold -Height auto {
                    New-HTMLText -Text 'Slide 1'
                }
                New-CarouselSlide -BackgroundColor '#34495E' -Height 300px {

                    New-HTMLText -Text 'Slide 2' -LineBreak
                    #New-HTMLText -Text 'Slide 2' -LineBreak
                    #New-HTMLText -Text 'Slide 2' -LineBreak
                    #New-HTMLText -Text 'Slide 2'

                }
                New-CarouselSlide {
                    New-HTMLChart {
                        New-ChartLegend -LegendPosition bottom -HorizontalAlign right -Color Red, Blue, Yellow -DisableOnItemHoverHighlightDataSeries -DisableOnItemClickToggleDataSeries
                        New-ChartAxisY -LabelMaxWidth 200 -LabelAlign left -Show -LabelFontColor Red, Blue, Green -TitleText 'This is title for y Axis' -TitleColor Red
                        New-ChartBarOptions -Distributed
                        New-ChartBar -Name 'Test very long' -Value 1
                        New-ChartBar -Name 'Test1' -Value 20
                        New-ChartBar -Name 'Test2 and even longer title' -Value 30
                    } -Title 'Testing Title' -TitleAlignment center -SubTitle 'Because SubTitles are better' -SubTitleAlignment center -SubTitleFontSize 30 -TitleColor Gold
                }
            }
        }

    }
} -Online -Show:$true