Products

[edwardsmarkf]

thank you very much – is it possible to move the CLOSED window?

[edwardsmarkf]

***T-H-A-N-K—Y-O-U****   to Peter Stoev !
using dataSource is extraordinarily useful.   perhaps it would be helpful to have an example on the website.  now that i see it, yes its very simple to do:
https://codepen.io/edwardsmarkf/pen/VwKwogP
it is very simple to create a dataSource using just about any programming language, especially node.

[edwardsmarkf]

in case anybody else runs into this silly problem, its because you (or me, TWICE NOW!) tried to just cut-paste the example from the website, rather than just run the example straight from the demo folder, which already works great and is completely debugged.
IMHO, its far better to start with a nice working example such as the ones that HTML elements have kindly provided, rather than to needlessly struggle like i am prone to doing.   There is nio need to “reinvent the wheel”, so to speak.
thank you once again to the fantastic staff at htmlElements.

[edwardsmarkf]

thank you, i missed that in the documentation.
according to this link, i should be able to use the following:

The dataSource can be an array of strings/numbers or objects where the attributes represent the properties of a List Item. For example label, value, group.

however, i am unable to see the group here:  https://codepen.io/edwardsmarkf/pen/VwKwogP
please let me know what i am doing incorrectly.

[edwardsmarkf]

yes, but please note the autocompete=”off” does not work in its current form, hence the workaround.   is this something that can be addressed?
https://stackoverflow.com/questions/18306052/autocomplete-off-not-working-on-google-chrome-browser

[edwardsmarkf]

sorry, maybe i should have said  <smart-list-item-group> instead.
https://www.htmlelements.com/demos/combobox/item-template/
is it possible to use a dataSource with a <smart-list-item-group>?
in other words, the car example combines “smart-list-items-group” with “smart-list-item”:

<smart-list-items-group label="Swedish Cars">
<smart-list-item value="volvo">Volvo</smart-list-item>
<smart-list-item value="saab">Saab</smart-list-item>
<smart-list-item value="saab">Scania</smart-list-item>
</smart-list-items-group>

is it possible to do something identical using a dataSource?

[edwardsmarkf]

you REALLY need to advertise this more.  i can see many useful applications for such a powerful widget.
i did look at that earlier but didnt know you could fill it in yourself (maybe a “placeholder” suggesting that?)
thank you very much, and as always, thank you for providing such outstanding useful widgets.

[edwardsmarkf]

solved it using:

const UNSTRESSED_ER = ‘\u025a’ ; // ɚ
const STRESSED_SCHWA = ‘\u028c’ ; // ε
const STRESSED_ER = ‘\u025d’ ; // ɝ

https://codepen.io/edwardsmarkf/pen/xxZaNze
 

[edwardsmarkf]

true, but often times it’s very useful to just copy-paste from the documentation right into the code.

[edwardsmarkf]

elements can indeed be “grouped” which may be good enough (for now).

[edwardsmarkf]

please disregard this question, i now see where this terrific option is used.
 

[edwardsmarkf]

sorry my final question was altered by a filter.
“also, i see references to something like  [DASH] [DASH] smart [DASH] editor [DASH] height  — are we supposed to be setting the css values prefixed by the double dashes?”
EDIT:
its interesting to note that the following line is required as the first line in order to get htmlelements to work:
<   !  DOCTYPE  html >   (spaces intentionally added to override possible filtering)
some legacy webpages might not include this as the first line.

[edwardsmarkf]

T-H-A-N-K  –  Y-O-U  ! ! ! ! ! ! ! ! ! ! ! ! !  😁😀😁😀😁😀
this is fantastic.

[edwardsmarkf]

something like this –
 
https://codepen.io/edwardsmarkf/pen/XWXreve

[edwardsmarkf]

maybe something like this?
 

document.querySelector('smart-accordion').expand(selectedGroup);
document.getElementsByTagName("A")[scrollItem].scrollIntoView(false);

[Author]

Posts