Implement Show in Context

[mirshaibal]

Show previous 3 and next 3 verses of the current verses in the same screen. Show them side by side in a horizonal slider. The whole view will become slidable cards, each card containing one verse. User will scroll left and right to see previous and next verses respectively. Imagine on a tablet you are swiping horizontally to go backward and forward

[mirshaibal]

Omar, do you have any graphical mockup for this issue?

[oazabir]

I am still thinking about this. I have couple of ideas.

1: Implement a continuous loading feature. As you scroll down, the next ayah automatically gets loaded at the bottom of the page.

2: Have a previous and next button on left and right side of the page. When you click right button, the page horizontally slides and a new verse is loaded there. Same for left side. The idea is to horizontally slide the page to left and right in order to load previous and next verse.

Can you do some trial implementation and let's see how they look?

PS. I will remove the Discuss section. It is useless.

[oazabir]

I have done a rough implementation of (1). Please take a look. Feel free to improve upon it.

[mirshaibal]

Your implementation of (1) is looks good. I will think what more we can do it about this issue.