Products

[admin]

Hi,
The example shows how to set the dropDownWidth i.e change the drop down size, when you open it. Do you try to achieve something else?
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi chips,
If there are updates in cell values, they will be stored in the ‘updated’ array. It contains all changed cells information. Each value in that array is a cell object with id, dataField, oldValue and newValue properties.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Cetin Sert,
Thank you for the report.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
The ComboBox API can be found on this page: https://www.htmlelements.com/docs/combobox-api/. There you will find dropDownWidth and dropDownHeight Javascript properties.
Example:

 <smart-combo-box drop-down-width="800" placeholder='please select whatever coffee you want to drink' selected-values=["Cappuccino"]>

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

[admin]

Hi edwardsmarkf,
We will consider changing the default behavior which is to submit only what’s selected in the dropdown of the combobox.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Thank you for the feedback. We will research the source of the reported issue and will resolve it for the next Smart.Blazor build.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Could you please explain what do you mean by a column value ? Is that the column data field or a label or it is a cell value. Which DataGrid do you use ( DataGrid for Web Components, DataGrid for React, DataGrid for Angular? Please, provide more details.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Our DataGrid does not have such functionality built-in. We will consider implementing it in a future version.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Unfortunately, we do not understand what you are trying to achieve. The data binding options of our DataGrid component are demonstrated https://www.htmlelements.com/demos/ in the Data Binding and Server-side Model sections.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Peter,
Thanks for the sample. The methods for saving the layout and structure of the Docking Layout actually save the layout and the structure. The saved object does not include information on whether the close buttons are enabled or similar kind of information.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Mitesh,
I would suggest you looking into the kanban getting started help tutorial or the onlime samples which use smart.kanban.js module. Note that the module is in the modules folder.
Regards,
Peter
Smart UI Team
Htmlelements.com

[admin]

In case you data bind the table to data adapter instead of an array, look at https://www.htmlelements.com/docs/data-adapter/
Regards,
Peter

[admin]

Hi,
The documentation API of each component is in its component API page in the website docs. All properties, methods and events are documented there. In general all docs are in htmlelements.com/docs/
Regards,
Peter

[admin]

Hi Scott,
It is not possible to subscribe to ItemClicked event using Razor syntax, because it is not defined as a component Parameter and it cannot be as it is “event” type. It is possible to subscribe to the event using the syntax I sent you. ItemClicked way to subscribe to events is useful only when you want to add multiple event handlers.
For Example:

@page "/menu"
<Example Name="Menu">
	<Menu OnReady="OnReady" OnItemClick="OnItemClick" id="menu">
		<MenuItemsGroup>
			File
			<MenuItem Shortcut="Ctrl+N">New</MenuItem>
			<MenuItem Shortcut="Ctrl+0">Open</MenuItem>
			<MenuItemsGroup>
				Open Containing Folder
				<MenuItem>Explorer</MenuItem>
				<MenuItem>cmd</MenuItem>
			</MenuItemsGroup>
			<MenuItem Shortcut="Ctrl+S" disabled>Save</MenuItem>
			<MenuItem Shortcut="Ctrl+Alt+S" separator>Save As...</MenuItem>
			<MenuItem Shortcut="Alt+F4">Exit</MenuItem>
		</MenuItemsGroup>
		<MenuItemsGroup>
			Edit
			<MenuItem Shortcut="Ctrl+Z">Undo</MenuItem>
			<MenuItem Shortcut="Ctrl+Y" separator>Redo</MenuItem>
			<MenuItem Shortcut="Ctrl+X">Cut</MenuItem>
			<MenuItem Shortcut="Ctrl+C">Copy</MenuItem>
			<MenuItem Shortcut="Ctrl+V" disabled>Paste</MenuItem>
		</MenuItemsGroup>
		<MenuItemsGroup DropDownHeight=300>
			Encoding
			<MenuItem>Encode in ANSI</MenuItem>
			<MenuItem>Encode in UTF-8</MenuItem>
			<MenuItem>Encode in UTF-8-BOM</MenuItem>
			<MenuItem>Encode in UTCS-2 BE BOM</MenuItem>
			<MenuItem>Encode in UTCS-2 LE BOM</MenuItem>
			<MenuItemsGroup separator>
				Character sets
				<MenuItemsGroup>
					Cyrillic
					<MenuItem>ISO 8859-5</MenuItem>
					<MenuItem>KOI8-R</MenuItem>
					<MenuItem>KOI8-U</MenuItem>
					<MenuItem>Windows-1251</MenuItem>
				</MenuItemsGroup>
				<MenuItemsGroup>
					Chinese
					<MenuItem>Big5 (Traditional)</MenuItem>
					<MenuItem>GB2312 (Simplified)</MenuItem>
				</MenuItemsGroup>
				<MenuItemsGroup>
					Western European
					<MenuItem>ISO 8859-1</MenuItem>
					<MenuItem>ISO 8859-15</MenuItem>
					<MenuItem>OEM 850</MenuItem>
					<MenuItem>Windows-1252</MenuItem>
				</MenuItemsGroup>
			</MenuItemsGroup>
			<MenuItem>Convert to ANSI</MenuItem>
			<MenuItem>Convert to UTF-8</MenuItem>
			<MenuItem>Convert to UTF-8-BOM</MenuItem>
			<MenuItem>Convert to UTCS-2 BE BOM</MenuItem>
			<MenuItem>Convert to UTCS-2 LE BOM</MenuItem>
		</MenuItemsGroup>
	</Menu>
</Example>
@code {
    void OnReady(Menu menu)
    {
        menu.ItemClicked += delegate(object sender, MenuItemClickedEventArgs args)
        {
            Console.WriteLine(args.Label);
        };
    }
    void OnItemClick(Event eventObj)
    {
        MenuItemClickEventDetail detail = eventObj["Detail"];
        Console.WriteLine(detail.Label);
    }
}

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

[admin]

Hi chips,
As this is native component, you can use the CSS properties ‘left’ and ‘top’;
Example for centering a Window with Size equal to 400px:

    left: calc(50% - 200px);
    top: calc(50% - 200px);

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

[Author]

Posts