Is it possible to create into TDWC a blinking dashboard widget for the error list widget?
if I understand the scenario correctly, you would like to have widgets that blink in some specific cases, maybe when the value retrieved and showed in the widget is bigger than some kind of threshold.
Widgtes provided cannot blink but it is still possible to set several thresholds and the widget will change shape and color accordingly to the specified thresholds in order to understand at first glance every change in the dashboard.
Related
I am working on creating an EventPass to be saved to google pay.
I am following this link pass template to create EventPass.
I have succesfully created the Event by Overriding and making a few changes to the layout by using CardTemplateOverride but there are two issues which I am unable to resolve.
1.In CardTemplateOverride I have used FieldReferences of TextModuleData which I had created only for the purpose of showing in CardTemplateOverride. But I do not see a way to hide the TextModuleData which is also showing up at the bottom of the cards.
Could someone suggest a way to hide this textModuleData?
2.In CardTemplateOverride I have used CardRowOneItem, But it is center aligned as mentioned in the document. But my requirement is to have it left aligned and I do not see any option that allows me to do so.
From what I learnt so far the documentation, I do not see a way to do it. But I am not sure.
I have attached an Image Google Pay Event Pass that has been created. The canvas area in the center is a barcode which I have removed just for security concerns.
In the card area we have Date and Time which is referenced from the TextModuleData below the card. But I do not want to show the same information twice. Also the EntryInfo is center Aligned which I could not override and align it to the left.
I am struggling to find an ideal solution to change the product image based on the variant selection. I do not see any identifier on the product images using which I could do a cross matching for js change event.
Every theme has this feature, so I guess, there is a pretty good solution to this.
Can you please help me showing the right path?
Thank you.
It depends on the design of the page and what are using.
For example if you plan to show a single image for the variant change you can use the variant image directly.
But if you plan to use a gallery of images there are different approaches. The one I use in most cases is to set an ALT attribute to each image with the name of the color that it's pointing to. Based on those ALT attributes I use some JS logic to filter specific images and show the correct ones.
Other approaches will be to use metafields, tags, linklists etc... A lot of different ways, but each is tied to some JS logic and some bad user experience for the administration since he will be required to switch between different pages and to create different elements in order to tie them to the images.
The final way is to use a separate APP for this.
How does the aria-current works as we need to tell the screen reader where the page it is even after user does not made any movement on the laptop. Which Aria can be used ?
Aria-current works by informing the screen reader which element is current. For example, you can use aria-current="page" on a list of navigation links where it shows by visual decoration (color or underline, etc) which page link is currently chosen. Aria-current="step" could be used if there is a visual indication of checkout steps (for example) to show which step (2 of 3) the user is currently on. Aria-current="true" could be used if there are a set of size links to show which size is currently selected.
aria-current is one of the attributes defined in the WAI-ARIA specification, meant to help people with disabilities to perceive common UI widgets that are not part of the HTML specification.
It should be used to identify the current item in a set of items and it can take several values:
aria-current="page": indicates the current page within a set of pagination. It can be used, for example, within a main pagination widget (likely in the header).
aria-current="location": indicates the current page within an hierarchy of navigation. In can be used, for example, within a breadcrumb widget.
aria-current="date": indicates the current date. It can be used, for exemple, within a date picker.
aria-current="step": indicates the current step within a set of steps. It can be used, for exemple, within multi-step wizard form.
Straight from the google reference material on their API
Hiding a set of map markers previously plotted to hide
mapArray[i].setMap(null);
Simple.
However is there anything that will allow me to asses the display status of a marker thus allowing me to simply toggle the display status?
I've been googling it and searching their api refs but cannot see anything.
Try google.maps.Marker.getMap().
I want to create a sequence of screens using a StackContainer in Dijit.
However, I want to disable consecutive pages and their corresponding buttons in the StackController until the form on the current page has been validated successfully.
Is this possible with the standard elements? If so, how?
In addition, it would be nice if I could customize the buttons of the StackController to show my own details instead of the title of the screen.
For disabling I think you can use
the_button.set('disabled', true); //and vice-versa
For changing the details you can try setting the labels directly (similar to disabled) or try subclassing the appropriate stuff (probably the stackcontroller) if it turs out to be feasible.