admin's Replies

@boikom

Forum Replies Created

Viewing 15 posts - 166 through 180 (of 923 total)

← 1 2 3 … 11 12 13 … 60 61 62 →

Author

Posts
May 9, 2022 at 6:28 pm in reply to: documentation should be more detailed #103175
admin
Keymaster
Hi,

The Dropdownlist’s basic sample is like that:
```
import React from "react";
import ReactDOM from "react-dom";
import { DropDownList, ListItem, ListItemsGroup } from 'smart-webcomponents-react/dropdownlist';

class App extends React.Component {

	componentDidMount() {

	}

	render() {
		return (
			<div>
			    <DropDownList  selectedIndexes={[0]}>
			        <ListItem value="1">Affogato</ListItem>
			        <ListItem value="2">Americano</ListItem>
			        <ListItem value="3">Bicerin</ListItem>
			        <ListItem value="4">Breve</ListItem>
			        <ListItem value="5">Cappuccino</ListItem>
			        <ListItem value="6">Cafe Crema</ListItem>
			        <ListItem value="7">Cafe Corretto</ListItem>
			        <ListItem value="8">Cafe macchiato</ListItem>
			        <ListItem value="9">Cafe mocha</ListItem>
			        <ListItem value="10">Cortado</ListItem>
			        <ListItem value="11">Cuban espresso</ListItem>
			        <ListItem value="12">Espresso</ListItem>
			        <ListItem value="13">Eiskaffee</ListItem>
			        <ListItem value="14">Frappuccino</ListItem>
			        <ListItem value="15">Galao</ListItem>
			        <ListItem value="16">Greek frappe coffee</ListItem>
			        <ListItem value="17">Iced Coffee</ListItem>
			        <ListItem value="18">Instant Coffee</ListItem>
			        <ListItem value="19">Latte</ListItem>
			        <ListItem value="20">Liqueur coffee</ListItem>
			    </DropDownList>
			</div>
		);
	}
}

ReactDOM.render(<App />, document.querySelector("#root"));

export default App;
```
It does not produce errors. In case you encounter an error, please share details how we can reproduce it.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
May 9, 2022 at 5:32 pm in reply to: disable combobox dropdown button #103173

admin
Keymaster

Hi,

Would not it better if you use the smart-input in that case instead? Otherwise with CSS you can hide it. The ‘.smart-drop-down-button’ CSS class is applied to the dropdown button.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 9, 2022 at 5:29 pm in reply to: Item Height defaults to zero #103172

admin
Keymaster

Hi Joseph Norris,

-–smart-accordion-item-header-height defaults to 48px everywhere in our code. The -–smart-accordion-expanded-content-height is 0 by design as it is automatically calculated when the control is created. If there is any sample which does not run, please point it out and we will check it. All the samples available online are using the latest version of the sources and styles.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 9, 2022 at 5:25 pm in reply to: find a specific row in a grid #103171

admin
Keymaster

Hi Oliver,

It is easily possible to get a row id by index by using the getRowId( rowIndex: number) method of the Grid, if row id is necessary. In the next version, we will also introduce selection methods by index as it seems to be much requested functionality by our customers.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 9, 2022 at 5:22 pm in reply to: initialize grid with empty dataSource #103170

admin
Keymaster

Hi,

We will need more information about that, because we are unable to reproduce it https://codepen.io/jqwidgets/pen/OJQNmZJ?editors=1112

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 6, 2022 at 1:46 pm in reply to: Changing color scheme of datagrid #103150
admin
Keymaster
Hi oliver.aldrian,

Thanks for writing.

After smart.default.css, you can include any of the following CSS files which are included in the Blazor Nuget package:
```
smart.cyan.css
smart.green.css
smart.indigo.css
smart.orange.css
smart.pink.css
smart.purple.css
smart.red.css
smart.teal.css
smart.turquoise.css
smart.dark-cyan.css
smart.dark-green.css
smart.dark-indigo.css
smart.dark-orange.css
smart.dark-pink.css
smart.dark-purple.css
smart.dark-red.css
smart.dark-teal.css
smart.dark-turquoise.css
smart.bootstrap.css
```
You can use CSS variables to update the styles of the Grid, too. Please, refer to https://www.htmlelements.com/docs/grid-css/. It lists all CSS variables used by the Datagrid component.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
May 6, 2022 at 1:29 pm in reply to: Grid with React and JSX #103149

admin
Keymaster

Hi,

The feature with toggling the checkboxes will be available in the next version of the Grid component. We will have a patch release the last week of this month.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 6, 2022 at 11:26 am in reply to: Window not define Next.js even with dynamic import #103147

admin
Keymaster

Hi,

I updated the sample – https://stackblitz.com/edit/github-kap7fe-vfqtjf?file=pages%2Findex.tsx

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 6, 2022 at 9:21 am in reply to: Window not define Next.js even with dynamic import #103145

admin
Keymaster

Hi Bilal Yasin,

We will need a complete sample which either in stackblitz or codesandbox which shows the reported behavior.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 6, 2022 at 8:34 am in reply to: Problems loading XML to table #103144

admin
Keymaster

Hi,

We have an example for data binding to XML. You can take a look at https://www.htmlelements.com/demos/grid/datagrid-bind-to-xml/. The data binding approach for Table and Grid is the same.

Hope this helps.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 6, 2022 at 7:04 am in reply to: Grid with React and JSX #103141

admin
Keymaster

Hi,

Regarding your questions:

1. JSX cannot be used as column template. The column template expects HTML String to be set to formatObject’s template property.
2. The column’s template property is indeed ‘any’ by design, because it could be multiple different things like ‘string’, ‘id’, ‘HTMLTemplateElement’ or function.
3. This is a missing functionality. We will create a work item for implementing it.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

May 2, 2022 at 4:13 am in reply to: Virtualization calling updateTask method #103122

admin
Keymaster

Hi tanner anz,

updateTask updates the dataSource item, too. What do you mean by “Kanban refreshes” ? Do you call specific methods to refresh the Kanban? In general, we will need information about how to reproduce the reported behavior.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

April 25, 2022 at 7:40 am in reply to: Change query param into autocomplete datasource function #103103

admin
Keymaster

Hi Rafa,

To change the query dynamically, you can use Smart.Input instead.

Example: https://www.htmlelements.com/demos/input/input-suggest/

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

April 25, 2022 at 6:21 am in reply to: limiting combobox size #103102

admin
Keymaster

Hi,

Only as a temporary workaround such code could be used.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

April 22, 2022 at 8:44 am in reply to: Blazor Server App CSS file #103097

admin
Keymaster

Hi,

Please, look at https://www.htmlelements.com/docs/blazor/. The help tutorial in step-by-step guide shows how to create a new Blazor app and add Smart.Blazor to it.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/
Author

Posts

Viewing 15 posts - 166 through 180 (of 923 total)

← 1 2 3 … 11 12 13 … 60 61 62 →