Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

FullScreen

Human-computer interaction by injecting service calls Show method pop-ups

<FullScreen />

The entire page is fully screened by calling the Show method that FullScreenService service instance

Demo

The full screen of the entire web page is component FullScreenButton

Demo
  • The button default icon can be set through the ButtonIcon , and the full-screen icon can be set through the FullScreenIcon property
  • Use the Title property to set the prompt bar text when the mouse hovers
<FullScreenButton Title='Click for full screen operation'" />
@page "/fullscreens"
@inject IStringLocalizer<FullScreens> Localizer

<h3>@Localizer["Title"]</h3>

<h4>@((MarkupString)Localizer["H1"].Value)</h4>

<Tips class="mt-3">
    <p>
        @((MarkupString)Localizer["Tips"].Value)
    </p>
</Tips>

<Pre>&lt;FullScreen /&gt;</Pre>

<Block Title="@Localizer["Block1Title"]" Introduction="@Localizer["Block1Intro"]">
    <Button Text="@Localizer["ButtonText1"]" OnClick="ToggleFullScreen"></Button>
</Block>

<Block Title="@Localizer["Block2Title"]" Introduction="@Localizer["Block2Intro"]">
    <ul class="ul-demo">
        <li>@((MarkupString)Localizer["Li1"].Value)</li>
        <li>@((MarkupString)Localizer["Li2"].Value)</li>
    </ul>
    <FullScreenButton Title="@Localizer["Button1Text"]" FullScreenIcon="fa fa-fa" />
    <Pre class="mt-3">&lt;@Localizer["Pre"]" /&gt;</Pre>
</Block>

<FullScreen />
// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using BootstrapBlazor.Components;
using Microsoft.AspNetCore.Components;
using System.Diagnostics.CodeAnalysis;
using System.Threading.Tasks;

namespace BootstrapBlazor.Shared.Pages
{
    /// <summary>
    /// FullScreens 全屏示例代码
    /// </summary>
    public partial class FullScreens
    {
        [Inject]
        [NotNull]
        private FullScreenService? FullScreenService { get; set; }

        private async Task ToggleFullScreen()
        {
            await FullScreenService.Toggle();
        }
    }
}

B 站相关视频链接

暂无

交流群

QQ Group:BootstrapAdmin & Blazor 795206915( Full) 675147445 Welcome to join the group discussion
Themes
Bootstrap
Ant Design (完善中)
Bluma (完善中)
LayUI (完善中)
Motronic (已集成)
An error has occurred. This application may no longer respond until reloaded. Reload