Products

[admin]

Hi LC,
In order to data bind the Grid, you will need to set its dataSource property and set it to a DataAdapter or Array.
If you want to display a Grid from HTML Table, you can alternative use our Table component for Angular.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
placeholder property is available in the combobox. You can use it, if you wish
Regards,
Peter

[admin]

Hi,
The component has also a groupMember which defines the group field in the data source. In this case, you can use it.
Regards,
Peter

[admin]

Hi,
As other styles, you should define this in angular.json. My suggestion is to read the angular getting started tutorials on our website. Just in case to mention is that we do not support Internet explorer. We support it in jqwidgets.com product.
Regards,
Peter

[admin]

Hi,
What do you mean by global? The css is required for the grid and the components used by the grid like buttons, inputs, windows, scrollbars, etc. It is one file for all smart ui components.
Regards,
Peter

[admin]

Hi umutalyu,
The component currently does not support close buttons in the Tabs. We will add such feature in the future releases of our Docking layout component.
You can enable pin and Pin Docking windows as shown in this demo: https://www.htmlelements.com/demos/docking-layout/overview/.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

private object[] layoutStructure = new object[] {
new {
type = “LayoutGroup”,
orientation = “horizontal”,
items = new object[] {
new {
type = “LayoutGroup”,
size = 800,
items = new object[] {
new {
type = “LayoutPanel”,
label = “Input”,
id = “tabPanel”,
items = new object[] {
new {
type = “LayoutPanel”,
label = “Malzeme Kartları”,
content = “#myGrid”
},
new {
type = “LayoutPanel”,
label = “Satın Alma Faturaları”,
content = “#border-top-home”
}
}
}
}
}
}
}

[admin]

Hi,
You can combine these without a problem.

 <smart-combo-box item-template="template">
        </smart-combo-box>
        <template id="template">
            <span class="glyphicon glyphicon-ok">test</span>
            <span style="margin-left:5px;">{{label}}</span>
        </template>

JS Code
window.onload = function() {
const combobox = document.querySelector(‘smart-combo-box’);
combobox.dataSource = [“new item 1”, “new item 2”];
}
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
We investigated the reported behavior about the CardView Search and we confirm it. The issue will be resolved in the next release scheduled for 04-Dec.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
Thanks for the feedback. We will take a look at this.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi, Christopher,
Thank you for the prompt reply.
I tested the code provided by you. It works.
 
Best regards
-vinci-

[admin]

Hi Dennis,
Unfortunately, such a feature is not supported. If you wish, you can contact sales@jqwidgets.com and request it as a custom development service.
There is also another feature that may be useful to you – mixed check mode – this way you can make only particular items in a pop-up checkable and others – not – by separating them with a separator. Here is a demo on the matter: https://www.htmlelements.com/demos/menu/mixed-check-mode/.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi Dimitar,
Thank you for the quick response.
Is it possible to prevent it from getting checked though? I want to make a maximum of 4 checkable.
Best regards,
Dennis

[admin]

Hi Dennis,
Thank you for the feedback. Unfortunately, there is currently no way to achieve what you require. However, in the next release, we will introduce a new Smart.Menu Boolean property – preventCloseOnCheck (prevent-close-on-check), that will prevent the closing of Menu items if enabled.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

I am evaluating the HTML UI Element. Now I am trying to create a custom dialog box when selecting a grid cell. The following is a summary of the issues that I encountered:
a) I have a child angular component that has a “smart-grid” custom tag. In the typescript file, I initialize the smart-grid in the ngAfterViewInit() function. In the function, I also attach a cellClick listener (which is firing).
this.grid.addEventListener(‘cellClick’, function (event: CustomEvent) {
const gridCell = <GridCell>event.detail.cell;
this.myClicked.emit(gridCell);
});
b) In the same component, I have an Output emitter
@Output() myClicked: EventEmitter<any> = new EventEmitter();
c) I tried to emit the output variable in the addEventListener function (as per (a)). It is however, it always return with the “undefined myClicked error”. I think the issues might be something to do with web component integration with Angular. I tried to declare any variable outside the ‘cellClick’ callback function, and use it within the ‘cellClick’ function, and, the result is, the callback function can’t use any angular variables.
d) The idea of emitting the event, is that the parent component can display a custom dialog box (with custom gridCell data) when someone click on the grid cell.
e) And after checking the API documentation, in order for me to use the events of grid and other web component, it always attached event to the web compoent via addEventListener.
Thus, for me to use the htmlelements components, I need your help, that, how can I use any angular variables within the addEventListener function.
I hope to hear from you, of course, as usual, as promptly as possible.
Best regards
-vinci-

[Author]

Posts