Databases
StackOverflow2013
Postsdbo
PO3-pane looping scrolling panel -- suggestions
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO3-pane looping scrolling panel -- suggestions
    primarykey
    data
    text
    <p>I have a UI implementation challenge (at least for me). The desire is for a scrolling view of 3 panes that loops endlessly: when the user swipes right from pane2 to pane3, they should be able to keep scrolling right to pane1 and on through the panes, repeating endlessly. One and only one full pane is shown at a time--there's no hanging edge.</p> <p>Something like this: <img src="https://i.stack.imgur.com/K8w9F.png" alt="3 pane panorama"></p> <p>All the examples I've found are very elaborate, with databinding and viewmodels, generally based on ListBoxes/views. We don't need anything that sophisticated: our 3 panes aren't dynamic and there are always 3.</p> <p>Our current implementation, which scrolls only back and forth between pane1 and pane3 (which met the previous requirement), follows the MSDN WinRT controls example:</p> <pre><code>&lt;ScrollViewer&gt; &lt;StackPanel&gt; &lt;Grid /&gt; &lt;!-- pane1 --&gt; &lt;Grid /&gt; &lt;!-- pane2 --&gt; &lt;Grid /&gt; &lt;!-- pane3 --&gt; &lt;/StackPanel&gt; &lt;/ScrollViewer&gt; </code></pre> <p>This works fine so far as it goes, as we have the touch experience, and the content follows the user's finger and is visible while they scroll.</p> <p>My thinking so far is:</p> <ul> <li>add another grid on the 'start' and 'end' </li> <li>figuring out the horizontal offset while scrolling</li> <li>once halfway through a panel, copy/insert the 'last' pane contents into the 'next' pane</li> </ul> <p>But I don't know if this will work, and overall am not sure how to go about it. We are looking for something very simple just to get the point across and for usability testing, but it must really work in C#/XAML (a Windows Store app). So I am asking wiser people for suggestions. </p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USdex3703
    1. USdex3703
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PO3-pane looping scrolling panel -- suggestions
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO3-pane looping scrolling panel -- suggestions
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO3-pane looping scrolling panel -- suggestions
      1. USChris W.
      1. VTFavorite
    1. COAre you wanting to only display one at a time, or are the sides of the non displaying panels showing a bit on the left and right?
      singulars
      1. PO3-pane looping scrolling panel -- suggestions
      1. USSomeRandomDeveloper
    2. COOnly the current pane is fully shown..there's no leading edge on the side. Touching and seeing the content scroll is necessary, so a FlipView doesn't work. Amended question.
      singulars
      1. PO3-pane looping scrolling panel -- suggestions
      1. USdex3703
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload