Products

[admin]

Hi Michele,
We tested with Firefox on MacOS(“Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:88.0) Gecko/20100101 Firefox/88.0)
Output:
https://pasteboard.co/K1uAqbj.png.
The Editor looks and behaves fine accordion to us. Could you tell us how to reproduce the reported behavior?
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Michele,
With Firefox on Windows 10 it works well. We will test the online demo with Firefox on MacOS to see whether there is something specific for that operating system.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Johnny Larue,
Thank you for the feedback. We will consider the requested change for the future versions of our component.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Items, ClosedItems, UndockedItems and AutoHideItems are deprecated properties which will be removed from the DockingLayout Blazor component. Within the OnReady function the component by default is rendered and initialized. You can call its methods and set properties there. API for inserting an item like the one you request is not available at present. We will create a work item about adding it in future release.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Josef,
There is not an official release available. Once we release it, information will be available on our blog, homepage, facebook and twitter.
Regards,
Peter
Smart UI Team
Htmlelements.com

[admin]

Hi Dark Beccio,
The ListMenu by design is much simpler component and it does not have the capabilities of the Tree. Load on demand for that component is not supported.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Eric,
Which version do you use?
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
We are not able to reproduce this with the current version. Please, check whether you use the latest version and share more details about your test.
Regards,
Peter
Smart UI Team
Htmlelements.com

[admin]

Hi klslead,
To initialize custom fields as in the example I pointed out, you should use Javascript, not HTML.
Example:

{
		dataField: 'mask',
		label: 'Mask Input',
		controlType: 'mask',
		controlOptions: {
			placeholder: 'Phone number',
			mask: '+1 (###) ### - ####',
		},
		required: true
	},

Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi klslead,
Documentation about types can be found here: https://www.htmlelements.com/docs/form-api/. For setting up a Form with Mask and Number fields, please refer to: https://www.htmlelements.com/demos/form/datetime/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Johnny,
You can use Blazor’s RenderFragment for that purpose.
Example:

@page "/dockinglayout"
<Example Name="DockingLayout">
    <style>
        smart-docking-layout {
            width: 100%;
            height: 500px;
            max-width: 1000px;
            background-color: #EEEDF3;
        }
            smart-docking-layout .smart-items-container smart-splitter-item.smart-element,
            smart-docking-layout .smart-items-container > .smart-container > smart-splitter-item.smart-element {
                width: 50%;
                height: 50%;
            }
            smart-docking-layout smart-tabs-window smart-slider.smart-element,
            smart-docking-layout smart-tabs-window smart-multiline-text-box.smart-element {
                height: 100%;
                width: 100%;
            }
            smart-docking-layout smart-tabs-window smart-multiline-text-box.smart-element {
                display: block;
            }
    </style>
    <DockingLayout OnReady="OnReady" Layout=@layoutStructure>
    </DockingLayout>
    <div id="Input">
        <br />
        <br />
        <TextArea Value="What is Lorem Ipsum?"></TextArea>
    </div>
    <div id="Slider">
        <br />
        <br />
        <Slider Value="50" ShowButtons="true" TicksVisibility="TicksVisibility.Major" TicksPosition="TicksPosition.Track"></Slider>
    </div>
    <div id="Custom">
        @DynamicRender
    </div>
    <Button @onclick="InjectBlazorComponent">Inject Component</Button>
</Example>
@code {
    private object[] layoutStructure = new object[] {
        new {
            type = "LayoutGroup",
            orientation = "horizontal",
            items = new object[] {
                new {
                    type = "LayoutGroup",
                    size = 200,
                    items = new object[] {
                        new {
                            type = "LayoutPanel",
                            label = "Input",
                            id = "tabPanel",
                            items = new object[] {
                                new {
                                    type = "LayoutPanel",
                                    label = "TextBox Tab",
                                    content = "#Input"
                                },
                                new {
                                    type = "LayoutPanel",
                                    label = "Slider Tab",
                                    content = "#Slider"
                                }
                            }
                        }
                    }
                },
                new {
                    type = "LayoutPanel",
                    label = "Output",
                    items = new object[]{
                        new {
                            id="outputTab",
                            label = "Output",
                            headerPosition = "none",
                            content = "Write more text here..."
                        }
                    }
                }
            }
        },
        new {
            id = "item0",
            label = "Tabs 0",
            items = new object[]{
                new {
                    label = "Tab A",
                    selected = true,
                    content = "#Custom"
                }
            }
        }
    };
    private RenderFragment DynamicRender { get; set; }
    private void OnReady(DockingLayout dockingLayout)
    {
    }
    private RenderFragment CreateDynamicComponent() => builder =>
    {
        builder.OpenComponent(0, typeof(SurveyPrompt));
        builder.AddAttribute(1, "Title", "Some title");
        builder.CloseComponent();
    };
    private void InjectBlazorComponent(MouseEventArgs args)
    {
        DynamicRender = CreateDynamicComponent();
    }
}

Hope this helps.
Best regards,
Boyko Markov
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi peter.jak,
Thank you for the feedback.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Johnny Johnny,
I hoped that in the previous post I explained that when you remove a row the index of the rest of the ROWS is changed expectedly which means that your selection indexes when you started the loop becomes invalid and this is visible from your console logs, too.
For example, when you call

table.removeRow(0);
table.removeRow(3);
table.removeRow(11);

All three rows are removed. Ex: https://jsfiddle.net/L0qcynzf/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi klslead,
We will need an example which demonstrates the reported behavior. You can modify any of our website samples and send us a codepen link.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Dark Beccio,
The reported behavior is actually by design and same as in MS Excel. If you would like to try, please type a number 38 in an empty excel spreadsheet, then select the cell and set the formatting to “Percentage”. The result is 3800.00%
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts