Need help with viewbox conditional

[madtowng]

Hi Everyone,

I have a viewbox that was working great until I tried to have the background
color change if the value for pulltime is not null.

I thought the layout in the image below would work, but reality proved me wrong.

Any help I can get with this would be greatly appreciated.

Gregg


Capture.png

.products-container {
display: grid;
grid-template-columns: 55% 45%;
border-bottom: solid gray 1px;
padding:0px;
font-size:1.5em;
}

.data-middle {
text-align: left;
background-color: lightblue;
font-weight:bold;
padding-left:5px;
}
.data-pulled {
text-align: left;
background-color: gold;
font-weight:bold;
padding-left:5px;
}
.data-right {
text-align: left;
background-color: lightgray;
padding-left:5px;
}
.listItemSelected {
color: #000;
background: #659eff;
border-style: solid;
border-width: 3px;
border-color: red;
padding:0px;
}​

[peteconway]

{ *if pulltime == '' } don't use {} in when referring to a value with commands in a template.

Pete

[peteconway]

Also less is more..

<div class="products-container" style= "background-color: { *if pulltime == '' } lightblue {*else} gold {endif} ;">{unitid}<div>

Pete



{ *if pulltime == '' }

[madtowng]

Thanks Pete.
I have something goofy that I'm trying to work out.
It throws an error in the if block for the first run, but after that there's no error.

[peteconway]

are you still using null or are you using '' as in my post?

[peteconway]

send me your build.

[madtowng]

I got it figured out.
Turns out pulltime wasn't in the viewbox as expected.
I used pullData.forEach( (ele) => ele.pulltime = ''); which almost solved the problem.
After I fixed the viewbox source, the {*if pulledtime === null} works as expected.

2023-01-02_5-57-07.png

/* code to populate selectedPullVB from pulllistVB */
var eData = selectedRow.eventData[0]
var destPTR = {dialog.Object}.getControl('selectedPullVB');
var sourcePTR = {dialog.Object}.getControl('pulllistVB');
var sourceData = sourcePTR.data;
var filtered = sourceData.filter( function(sourceData){
     return sourceData.pulllist == eData.ListID
     }​

I configured pulllistVB to include the pulledtime column.
selectedPullVB is populated and displayed with only the pulllist data
selected by the end user.
After I disable the onclick event, the end user will be able to scroll up and down
the selectedPullVB, populating the hidden pulled time value when he/she
scans the matching unitID barcode .

2023-01-02_5-21-50.png
2023-01-02_5-41-04.png

[peteconway]

It doesn't look like you have the viewbox set to fill container - any reason?

Anyhow you got there -so that's good.
Pete

[madtowng]

Nothing more than being unsure about the behavior of panels and potentially
wanting to share the screen space with more data.

[peteconway]

I don't' know why you would be doing that - anyhow you put the viewbox in a container, set and and set the viewbox to fill container, set the height of the container height you want the viewbox to have - then anything else in the panel will also be available for scrolling.
Pete