Databases
StackOverflow2013
Postsdbo
POHorizontal dashed line stretched to container width
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHorizontal dashed line stretched to container width
    primarykey
    data
    text
    <p>I have a layout contained within a <code>ScrollViewer</code> in which I need to draw a horizontal dashed line that stretches to the full width of the container. The closest I've managed is the following</p> <pre><code>&lt;ScrollViewer HorizontalScrollBarVisibility="Auto"&gt; &lt;StackPanel&gt; &lt;Button Width="400" Height="50" VerticalAlignment="Top" Margin="10" /&gt; &lt;Line HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Stroke="Black" X2="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" StrokeDashArray="2 2" StrokeThickness="1" /&gt; &lt;/StackPanel&gt; &lt;/ScrollViewer&gt; </code></pre> <p><img src="https://i.stack.imgur.com/Uvebo.png" alt="Sample looking good"></p> <p>This <em>nearly</em> works, however once the container (in my case a window) has been enlarged, the line doesn't shrink back down to the appropriate size when the container is sized back down. The below is the screenshot of the same window after I have horizontally sized the window up and down.</p> <p><img src="https://i.stack.imgur.com/rIKRy.png" alt="Screenshot of the sample after increasing and reducing the size of the window"></p> <p>Note that the fact that the line is dashed is important as it means that solutions that involve stretching the line don't work (the dashes appear stretched).</p> <p>I know that this is because of the <code>X2="{Binding ActualWidth, RelativeSource={RelativeSource Self}}"</code> binding (by design the line is always the widest thing in the scrollable region, so when I size the window down the scrollable region the line defines the width of the scrollable region), however I can't think of a solution.</p> <p>How can I fix this problem?</p> <hr> <p>Screenshot of why using <code>ViewportWidth</code> doesn't work</p> <p><img src="https://i.stack.imgur.com/OR6sv.png" alt="Screenshot of why using ViewportWidth doesn&#39;t work"></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJustin
    1. USJustin
    plurals
    1. PL
      singulars
      1. LTLinked
    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. This table or related slice is empty.
    1. COCould you post (pastebin) the full xaml code of the MainWindow that shows ViewportWidth not working? Because I have compiled my code, resized the window, there were no problems.
      singulars
      1. POHorizontal dashed line stretched to container width
      1. USlisp
    2. CO@lisp Its just a standard window - you need to resize the window (so the scroll bars appear) and then scroll to the right
      singulars
      1. POHorizontal dashed line stretched to container width
      1. USJustin
    3. CORight. You could multi-bind to sum of ScrollViewer's ViewportWidth and ContentHorizontalOffset, but that would be unnecesairly complex compared to Clemens's solution.
      singulars
      1. POHorizontal dashed line stretched to container width
      1. USlisp
 

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