Databases
StackOverflow2013
Postsdbo
POWPF adorner with controls inside
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWPF adorner with controls inside
    primarykey
    data
    text
    <p>I am trying to achieve an unusual use of an Adorner. When you mouse-over a RichTextBox, an Adorner (see diagram below) will appear above it, allowing you to add a list of strings to a ListBox contained in the Adorner. This is used for adding "tags" (à la Flickr) to the passage contained in the adorned element.</p> <p><img src="https://i.stack.imgur.com/Py331.png" alt="adorner diagram"> <br /></p> <p><strong>Firstly</strong>: is this even possible?</p> <p>Most examples of Adorners show how to override the Adorner's OnRender method to do trivial things like draw shapes. I was able to use this to render a set of rectangles that creates the gray border of the Adorner, which also resizes automatically if the height of RichTextBox increases due to additional lines text being added while the Adorner is displayed.</p> <pre><code>protected override void OnRender(DrawingContext drawingContext) { SolidColorBrush grayBrush = new SolidColorBrush(); grayBrush.Color = Color.FromRgb(153, 153, 153); // left drawingContext.DrawRectangle(grayBrush, null, new System.Windows.Rect(1, 1, 5, ActualHeight)); // right drawingContext.DrawRectangle(grayBrush, null, new System.Windows.Rect(ActualWidth - 6, 1, 5, ActualHeight)); //bottom drawingContext.DrawRectangle(grayBrush, null, new System.Windows.Rect(1, ActualHeight, ActualWidth - 2, 5)); // for reasons unimportant to this example the top gray bar is rendered as part of the RichTextBox } </code></pre> <p>However, adding controls is slightly more problematic. Generally speaking, WPF's adorner requires adding child controls in code rather than XAML. Using the technique described in <a href="https://stackoverflow.com/questions/8576594/drawingcontext-adorner-possible-to-draw-stackpanel">DrawingContext adorner - possible to draw stackpanel?</a>, I have learned how to add child controls (like a TextBox) to an Adorner without any problem within the Adorner's initializer.</p> <p>The issue, however, is the placement of those controls within the Adorner.</p> <p>If I could create a grid with a gray background and position it at the bottom of the Adorner, I should be good to go. I would assume (hope) that things like automatic resizing of the Adorner based on the changing size of that Grid as tags are added would then happen automatically.</p> <p><strong>In short, assuming this is possible</strong>, can anyone recommend a way of creating this lower tagging control area <em>within</em> the Adorner and positioning it relative to the bottom of Adorner (which may possibly have to resize as the RichTextBox content resizes)?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USRyan Norbauer
    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. VO
      singulars
      1. POWPF adorner with controls inside
      1. USSascha
      1. VTFavorite
    2. VO
      singulars
      1. POWPF adorner with controls inside
      1. USRyan Norbauer
      1. VTFavorite
    3. VO
      singulars
      1. POWPF adorner with controls inside
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

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