Selected Color: @Color
4 | 5 | @code { 6 | [Parameter] 7 | public string Color { get; set; } = "#000000"; 8 | 9 | [Parameter] 10 | public EventCallbackLoading...
11 | } 12 | 13 | @code { 14 | [Parameter] public required string FormId { get; set; } 15 | 16 | public FormDto? Form { get; set; } 17 | 18 | protected override async Task OnInitializedAsync() 19 | { 20 | Form = await FormStore.GetFormAsync(FormId); 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /src/Marco.Forms.UI/Marco.Forms.UI.Client/Components/Forms/FieldValue.cs: -------------------------------------------------------------------------------- 1 | namespace Marco.Forms.UI.Client.Components.Forms; 2 | 3 | ///Add a block to get started.
9 | } 10 | 11 | @foreach (var block in TopLevelBlocks.OrderBy(p => p.BlockPosition)) 12 | { 13 |No blocks found
25 |Add a block to get started.
26 |@_username
12 |View profile
13 |An error occurred while loading the block
14 |Empty section
21 | } 22 | else if (HasError) 23 | { 24 |An error occurred while loading the section
25 | } 26 |An error occurred while loading the block
18 |Empty section
25 | } 26 | else if (HasError) 27 | { 28 |An error occurred while loading the section
29 | } 30 |Thank you! We've recorded your response.
6 | } 7 | else 8 | { 9 |@formSection.Description
20 | } 21 | 22 | @foreach (var field in formSection.Fields) 23 | { 24 |
12 | Request ID: @RequestId
13 |
18 | Swapping to Development environment will display more detailed information about the error that occurred. 19 |
20 |21 | The Development environment shouldn't be enabled for deployed applications. 22 | It can result in displaying sensitive information from exceptions to end users. 23 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 24 | and restarting the app. 25 |
26 | 27 | @code{ 28 | [CascadingParameter] private HttpContext? HttpContext { get; set; } 29 | 30 | private string? RequestId { get; set; } 31 | private bool ShowRequestId => !string.IsNullOrEmpty(RequestId); 32 | 33 | protected override void OnInitialized() => 34 | RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier; 35 | 36 | } -------------------------------------------------------------------------------- /src/Marco.Forms.UI/Marco.Forms.UI.Client/Components/Blocks/ListBlock.cs: -------------------------------------------------------------------------------- 1 | using Marco.Forms.UI.Client.Models; 2 | using Microsoft.AspNetCore.Components; 3 | using Microsoft.AspNetCore.Components.Rendering; 4 | 5 | namespace Marco.Forms.UI.Client.Components.Blocks; 6 | 7 | public class ListBlock : ComponentBase, IBlazorBlock 8 | { 9 | [Parameter] public required PageBlock Block { get; set; } 10 | 11 | protected override void BuildRenderTree(RenderTreeBuilder builder) 12 | { 13 | if (Block.BlockData is ListBlockData data) 14 | { 15 | builder.OpenElement(0, data.ListType == ListType.Ordered ? "ol" : "ul"); 16 | builder.AddAttribute(1, "class", 17 | $"{(data.ListType == ListType.Ordered ? "list-disc" : "list-decimal")} {Block.Formatting?.ToCssClass()}"); 18 | builder.AddAttribute(2, "style", Block.Formatting?.ToCssStyle()); 19 | foreach (var item in data.Items) 20 | { 21 | builder.OpenElement(3, "li"); 22 | builder.AddContent(4, item.Text); 23 | builder.CloseElement(); 24 | } 25 | 26 | builder.CloseElement(); 27 | } 28 | else 29 | { 30 | builder.OpenElement(5, "div"); 31 | builder.AddContent(6, "Add items to the list"); 32 | builder.CloseElement(); 33 | } 34 | } 35 | } -------------------------------------------------------------------------------- /src/Marco.Forms.UI/Marco.Forms.UI.Client/Components/ExampleWizard.razor: -------------------------------------------------------------------------------- 1 | @page "/example-wizard" 2 | @using Marco.Forms.UI.Client.Components.Forms 3 | @rendermode InteractiveServer 4 | 5 | @*Ask for user personal info here...
*@ 17 | @*Some other information the user must fill out...
*@ 24 | @*Review your data here...
*@ 31 | @*Blank canvas
24 | } 25 |Loading form...
21 | } 22 | else 23 | { 24 |Manage form sections and fields.
26 |@formSection.Description
15 | } 16 | 17 | @foreach (var field in formSection.Fields) 18 | { 19 |Loading...
24 | } 25 | 26 | @code { 27 | [Parameter] public FrozenSet
17 |
18 | @FieldJson
19 |
20 |
21 | Loading form...
11 | } 12 | else 13 | { 14 |Thank you! We've recorded your response.
18 | } 19 | else 20 | { 21 |@formSection.Description
32 | } 33 | 34 | @foreach (var field in formSection.Fields) 35 | { 36 || Field Name | 27 |Response | 28 |
|---|---|
| @field?.Name | 36 |@response.Value | 37 |
Share your form to start collecting responses. 48 |
49 |