@boikom

@boikom

Forum Replies Created

Viewing 15 posts - 496 through 510 (of 918 total)
  • Author
    Posts
  • in reply to: setting with of comboBox #101449
    admin
    Keymaster

    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/

    in reply to: is this a bug? #101448
    admin
    Keymaster

    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/

    in reply to: Smart.Blazor resets localstorage in browser #101447
    admin
    Keymaster

    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/

    in reply to: how to get column value on mount state(not composition API) #101430
    admin
    Keymaster

    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/

    in reply to: how to save drag-drop column state? #101429
    admin
    Keymaster

    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/

    in reply to: array in json #101428
    admin
    Keymaster

    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/

    in reply to: Close one tabbed docked window #101420
    admin
    Keymaster

    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
    Keymaster

    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

    in reply to: Full Documented API #101414
    admin
    Keymaster

    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

    in reply to: Full Documented API #101413
    admin
    Keymaster

    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

    in reply to: Menu Blazor ItemClicked syntax #101410
    admin
    Keymaster

    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/

    in reply to: centered window #101409
    admin
    Keymaster

    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/

    in reply to: Custom Command Column in React #101408
    admin
    Keymaster

    Hi Brian,
    Inside the custom command function ‘this’ is in the context of the function. It should be Ok if you define it like that:

    		const that = this;
    window.commandColumnCustomCommand = function (row) {
    that.setState({showWarehouseId: row.data.id}, () => {
    console.log(that.state.showWarehouseId)
    })};

    Regarding the ‘class’ and ‘className’, you are right. Using class instead of className produces warnings and in strict mode errors. We will update the samples.
    Hope this helps.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    in reply to: Menu Blazor ItemClicked syntax #101399
    admin
    Keymaster

    Hi ScottP,
    Thanks for trying out our Blazor components.
    In order to subscribe to the Menu event, you can use the following syntax:

    @page "/menu"
    <Example Name="Menu">
    	<Menu 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 OnItemClick(Event eventObj)
        {
            MenuItemClickEventDetail detail = eventObj["Detail"];
            Console.WriteLine(detail.Label);
        }
    }

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

    admin
    Keymaster

    Hi Дмитрий Шелковников,
    You can look at this example how to update data in the Grid dynamically: https://www.htmlelements.com/demos/grid/datagrid-update-data/. If you want to update the data set, you can create a new dataAdapter instance and set the Grid’s dataSource property to it. Alternatively, you can use the Grid API to make updates: https://www.htmlelements.com/demos/grid/live-update/
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

Viewing 15 posts - 496 through 510 (of 918 total)