Another UI test

Performing a quick test after all this hardwork is more than advisable. Press F5 to run the project in debug mode and check out the greatly-revised Home view:

We're finally getting something decent out there; we even added a not-so-terrible mouseover effect showing a green check to the right of each quiz whenever the pointer goes on it.

The technique we used to fetch the autogenerated images works so well that all the repeating quizzes share the same image, just like they were actually related to that quiz! This is precisely why we used the quiz.Id property value to seed the random GET parameter that we used to trick the browser's cache; that way, any repeating quiz will have the same image URL used before, which will be hit by the browser's cache and served instead of a new one.

The UI layout is viable enough even if we reduce the browser's window size to 1,024 pixels, emulating the viewport of a common tablet:

The Bootstrap grid-system keeps scaling well down to smartphone-like resolutions, where the second QuizSearchComponent kicks its way in and the NavMenu collapses to the top, with the panels stacked right below it:

Given these results, we can't be anything but happy; however, our job isn't done yet, as we still have a lot of components requiring immediate attention; let's move on to the next one.

Table of Contents for Another UI test

Create new playlist

Sign In

Sign Up

Table of Contents for
Another UI test