Issues Updating Content
In the post yesterday, I mentioned that there some issues with content updating in the item scroller for the MOOVPAD Web App. So I thought I'd show you what I mean. If you have a look at the first screenshot to the left, you'll see the second item in the scroller highlighted in green as the mouse hovers over it. The idea is to avoid using buttons throughout the item expansion and collapsing process.
The second screenshot shows that when the user clicks on this item, it expands as intended (noting that for now, only the item border images are being used to keep the development as simple as possible at this stage). The last screenshot shows what is happening when the user clicks on the second item again to collapse it. Can you see how the border image looks wrong, when compared to the other items? That's because the image isn't being updated correctly to return it to the original border, and is instead squashing the expanded border. However this error does not occur with the first item.
So right now, I'm going over the code again and again, trying to see why the process is working right for the first item but not any of the others. And it's important I get this right before adding any further content for the items, like labels, images, and so on. The idea is for users to be able to click anywhere on the items to expand and collapse them. And while this is working fine for the first item, the others... refer left.
Mind numbingly boring and irritating debug in progress 🙂
Stay awesome,
EMH
HOW MOOVPAD IS BEING BUILT
For the overview of how MOOVPAD apps are being developed, the reasoning behind particular decisions during development, policies, and more in relation to all the technical things, please see the link to the left.
This will be an ongoing work in progress, and will always be linked to the bottom of each upcoming Blog post.