How do I hide a DIV using the Events?

Kinetic ERP
, ,
21

Next step would be to prove the hidden prop is indeed getting set to true on the component.

Does Ctrl + Shift + L work for you?

22

If notā€¦ try Kevinā€™s method. The hotkey didnā€™t work for me, but CTRL+K did.

23

side-note: IMO, ALL components should have a epBinding property, since rules are the supported way to hide things.

I wonder if you property-set ā€˜epBindingā€™ itā€™ll add the property and the rule would hide the div just like it hides a panel? never tried it but it does add arbitrary props, IIRC.

24

Wanted to try thatā€¦ I was able to successfully add a binding to the DIV via property-setā€¦

image
image1044Ɨ451 33.6 KB

ā€¦but the data rule (setting style) actions donā€™t seem to interact with it.

Iā€™m assuming DIV-Rows donā€™t have the same structure.

I added a textbox elsewhere on the form and bound it to the same TransView binding as my Div-Row. The textbox hidesā€¦ the div-row does NOT!

This proved the binding was valid, the data-rule was firing, but the div-row doesnā€™t appear to be a supported Data Rule target.

25

I forget does GroupBox (metafx-box) component have epBinding? itā€™s basically just a div that can be dropped on root page. If so, use that as container instead of div.

26

Nope. Div-row, group box, container (flex box), columnā€¦ no stock binding property.

27

Did an investigation the other day on component droppablilty on root page. updated to include Has epBinding:

Component container canvasContainer Droppable on root Has epBinding
Div Yes No No No
ep-scheduler No Yes Yes Yes
erp-gl-control-panel Yes Yes Yes No
erp-pdf-viewer Yes Yes Yes Yes
GroupBox Yes No No No
metafx-box Yes Yes Yes No
metafx-col Yes No No No
metafx-div Yes No No No
metafx-flex-box Yes No No No
metafx-matrix Yes No No No
metafx-panel-card Yes Yes Yes No
metafx-panel-card-classic Yes Yes Yes No
metafx-panel-card-gantt Yes Yes Yes No
metafx-panel-card-grid Yes Yes Yes No
metafx-relationship-map Yes Yes Yes No
metafx-tabstrip Yes Yes Yes No
metafx-udc Yes Yes Yes No
Page Yes No No No
page-details Yes No No No
PanelCard Yes No No No
Tab Yes Yes Yes No

AI-gen so mileage may vary. Not sure what the non-hyphenated ones are, I think halucinations.

EDIT: nevermind the Has epBinding column, my ai pooped its pants. Iā€™ll fix it when i can.

28

We can hide it via js if itā€™s an absolute necessity. I try to avoid though.

29

I can hide it via property-setā€¦ works for me. Just not @shobdy for some reason.

Weā€™re just spit-balling and experimenting with other potentially hacky-as-shit work arounds :rofl:

homer simpson hackey sack GIF

30

Is this condition correct? Looks incomplete to me, like it needs an ā€œ== trueā€ or something.

31

If thatā€™s a boolean, which it looks to be, it should be fine.

But a test wouldnā€™t hurtā€¦

32

It works for booleans. Its plopping the value into the expressionā€¦ so if the value is true, the event will automatically go down the true branch. If false, down the false branch.

33

Yeah itā€™s a bool

34

thatā€™s how I do all rows in a dataview-condition. The whole expression is just true :rofl: