All,
I'm trying to create a carousel which displays a view with a max of 6 rows and then rotates to the next 6 and so on. However, my view is wide and narrow so I need it to arrange in rows and stack within the carousel component. It seems that no matter which selection I have chosen (column or row), it puts them side by side (horizontal) instead of vertically stacking them.
I've went as far as putting the parameters inside of the for loop iteration code and it doesn't seem to care.
Is the carousel component supposed to behave in this way? Wasn't sure if this is a bug or normal behavior and I'm just using this component incorrectly.
code:
def transform(self, value, quality, timestamp):
query = "SELECT LineCode, ProcessType, eqpath, OETgt, AvaiTgt, PfTgt, QlTgt, GroupName FROM LineLocal WHERE Enabled = 1 AND GroupName = ? ORDER BY LineCode"
machineGroup = value
queryResults = system.db.runPrepQuery(query, [machineGroup])
## Create an empty list for initialization
views = []
for object in queryResults:
# Capture all data
views.append({"viewPath":"WebViewConcept/Template",
"direction":"row",
"justify":"flex-start",
"alignItems":"center",
"viewParams": {"AvaiTgt":object["AvaiTgt"],
"eqPath":object["eqpath"],
"GroupName":object["GroupName"],
"Line":object["LineCode"],
"OETgt":object["OETgt"],
"PfTgt":object["PfTgt"],
"ProcessType":object["ProcessType"],
"QlTgt":object["QlTgt"]}
})
views = sorted(views, key = lambda x: x["viewParams"]["Line"])
return views