Products

[admin]

Ok, Thank you for the suggestion.

[admin]

Thank you for the feedback. We will check the provided details. If there is an issue on our side, it will be resolved in a future version of our product.

[admin]

Hi Oliver,

Create a Hidden Column with dataField = your Display Field and your column with the Display Field will work

Regards,
Peter

[admin]

Hi Oliver,

The workaround is valid for any use case. Adding a hidden column is possible in any app using a Grid.

Regards,
Peter

[admin]

We offered a workaround. A fix will come in a future version.

[admin]

As a workaround, you can create a column which is hidden and has its DataField = DisplayName

[admin]

Hi,

The thing is that the add new tab button adds an empty tab. It does not add a new tab with the template structure you added in the template i.e the new tab does not have ng-container in it. For that purpose we can use ng-template. Please, take a look at the updated code below

import { Component, AfterViewInit, ViewChildren, QueryList, ViewChild, ComponentRef, ChangeDetectorRef, ViewContainerRef } from '@angular/core';
import { TabItem, TabItemComponent, TabsComponent } from 'smart-webcomponents-angular/tabs';
import { ThingComponent } from './thing.component';
import { ViewRefAnchorDirective } from './view-ref-anchor.directive';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements AfterViewInit {

  // I am expecting this list to be updated when new tabs are added.
  smartItems: TabItem[] = [];

  @ViewChildren(ViewRefAnchorDirective) anchors = new QueryList();

  @ViewChild('tabs', {read: TabsComponent, static: false}) tabs!: TabsComponent;
  @ViewChild('dynamic', { read: ViewContainerRef })

  viewRef!: ViewContainerRef;

  numTabs = 0;

  ngAfterViewInit(): void {
    this.tabs.getTabs().then(tabs => {
      this.numTabs = tabs.length;
    });

    this.anchors.forEach(tab => this.loadComponent(tab as any));
 	this.smartItems = Array.from(document.querySelectorAll('smart-tab-item'));
	 }

  onAddNewTabClick(event: Event) {
    this.tabs.getTabs().then(tabs => {
      this.numTabs = tabs.length;

      	// create a new dynamic component.
		const container = document.createElement('div');
		const componentRef: ComponentRef<ThingComponent> =  this.viewRef.createComponent(ThingComponent);
	
		// dynamically add the component to a new container host element.
		container.appendChild(componentRef.location.nativeElement);
		// update tabs.
		this.tabs.update(tabs.length-1, 'Updated Tab', container);
		
		
		this.smartItems = Array.from(document.querySelectorAll('smart-tab-item'));
					
    });
  }

  loadComponent(viewRefAnchor: ViewRefAnchorDirective) {
    viewRefAnchor.viewContainerRef.clear();
    return viewRefAnchor.viewContainerRef.createComponent(ThingComponent);
  }
}

Hope this helps.

Regards,
Peter

[admin]

Hi dilbert,

Could you post an example about this?

Regards,
Peter

[admin]

As we currently do not have this updated on our website, you may look at https://stackoverflow.com/questions/70946038/replace-deprecated-angular-componentfactoryresolver-componentfactory.

[admin]

Hi,

By setting the “value” property the QR code will be automatically re-rendered. Example: https://codepen.io/jqwidgets/pen/zYJOdRL

Best regards,
Peter Stoev

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

[admin]

Hi Peter,

Please, refer to https://codepen.io/jqwidgets/pen/wvEwqeG. The example shows how to have an Input with floating label. It will be in place after the control lost focus.

Best regards,
Peter Stoev

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

[admin]

Hi Sergio,

We tested it on IPad and Samsung phone with Android. We do not experience any scrolling problems. Make sure you did not enable desktop mode on your device. Otherwise, you will need to touch and drag the scrollbars to scroll up/down or left/right.

Regards,
Markov

[admin]

Hi Anthony,

You’re right, the validation logic should not allow invalid input even with auto-create of new rows. I will create a new work item to resolve this for the next release of Smart UI.

Thank you for the feedback!

Best regards,
Peter Stoev

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

[admin]

Hi,

The saveState method saves the Grid state and returns the state object. You can then use the loadState method and pass a previously saved state object. By doing that you will load the saved state and the Grid will update. The state will save the columns visibility, sorting & filtering.

Best regards,
Peter Stoev

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

[admin]

Hi pkz,

The provided example has an error – smartPivotTable: At least one column with ‘summary’ is required.”

Best regards,
Peter Stoev

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

[Author]

Posts