If you want to not display the focus rectangle in any case you could set the FocusVisualStyle to null.

    &lt;MyControl FocusVisualStyle=&quot;{x:Null}&quot; /&gt;

In IE, you can onreadystatechange. There&#39;s onload, but I read &lt;a href=&quot;https://stackoverflow.com/questions/198892/img-onload-doesnt-work-well-in-ie7&quot;&gt;scary things&lt;/a&gt;. jQuery wraps up the DOM&#39;s load event quite nicely with &quot;ready&quot;. It seems likely I am just ignorant of another nice library&#39;s implementation of image loading. 

The context is that I am generating images dynamically (via server callbacks) that can take some time download. In my IE-only code I set the src of the img element, then when the onreadystatechange event fires with the &quot;complete&quot; status, I add it to the DOM so the user sees it.

I&#39;d be happy with a &quot;native&quot; JavaScript solution, or a pointer to a library that does the work. There&#39;s so many libraries out there and I&#39;m sure this is a case of me just not knowing about the right one. That said, we&#39;re already jQuery users, so I&#39;m not eager to add a very large library just to get this functionality.

Browser-independent way to detect when image has been loaded

I&#39;m trying to pass data from one page to another.

&gt;www.mints.com?name=something

How to read `name` using JavaScript?



How to read GET data from a URL using JavaScript?

I have a WPF UserControl with Focusable=&quot;True&quot;. It&#39;s the only focusable control in the window.

Whenever the user presses Tab or Alt (and especially when they Alt+Tab to another application), my UserControl acquires a dotted-line border, aka focus rectangle. The focus rectangle then stays there until the window is closed.

How can I prevent my UserControl from ever displaying this focus rectangle?

&lt;h3&gt;Edit&lt;/h3&gt;

It turns out the focus rectangle wasn&#39;t actually being displayed by my UserControl. My Focusable UserControl contained another UserControl that, in turn, contained an ItemsControl, and the ItemsControl is what was showing the focus rectangle.

When I added FocusVisualStyle=&quot;{x:Null}&quot; to the ItemsControl, the focus rectangle went away.

Remove focus rectangle on a UserControl

I have a WPF UserControl with Focusable="True". It's the only focusable control in the window.
Whenever the user presses Tab or Alt (and especially when they Alt+Tab to another application), my UserControl acquires a dotted-line border, aka focus rectangle. The focus rectangle then stays there until the window is closed.
How can I prevent my UserControl from ever displaying this focus rectangle?
<h5 id="edit"><a aria-hidden="true" tabindex="-1" href="#edit"></a>Edit</h5>
It turns out the focus rectangle wasn't actually being displayed by my UserControl. My Focusable UserControl contained another UserControl that, in turn, contained an ItemsControl, and the ItemsControl is what was showing the focus rectangle.
When I added FocusVisualStyle="{x:Null}" to the ItemsControl, the focus rectangle went away.

How can I put some text into a `TextBox` which will be removed automatically when the user types something in it?

Watermark / hint / placeholder text in TextBox?

**Does anyone know of some global state variable that is available so that I can check if the code is currently executing in design mode (e.g. in Blend or Visual Studio) or not?** 

It would look something like this:

    //pseudo code:
    if (Application.Current.ExecutingStatus == ExecutingStatus.DesignMode) 
    {
        ...
    }

The reason I need this is: when my application is being shown in design mode in Expression Blend, I want the ViewModel to instead use a &quot;Design Customer class&quot; which has mock data in it that the designer can view in design mode.

However, when the application is actually executing, I of course want the ViewModel to use the real Customer class which returns real data.

Currently I solve this by having the designer, before he works on it, go into the ViewModel and change &quot;ApplicationDevelopmentMode.Executing&quot; to &quot;ApplicationDevelopmentMode.Designing&quot;:

    public CustomersViewModel()
    {
        _currentApplicationDevelopmentMode = ApplicationDevelopmentMode.Designing;
    }
    
    public ObservableCollection&lt;Customer&gt; GetAll
    {
        get
        {
            try
            {
                if (_currentApplicationDevelopmentMode == ApplicationDevelopmentMode.Developing)
                {
                    return Customer.GetAll;
                }
                else
                {
                    return CustomerDesign.GetAll;
                }
            }
            catch (Exception ex)
            {
                throw new Exception(ex.Message);
            }
        }
    }

Is there a way to check if WPF is currently executing in design mode or not?

Is there a way to have `\n` make a line break in a `TextBlock`?

    &lt;TextBlock Text=&quot;line1\nLine2&quot; /&gt;

Or is there a better way to force a middle line break, inside the `Text` attribute?

    &lt;LineBreak /&gt;

This doesn&#39;t work for me, it needs to be the value of the `Text` attribute, because the text string is being set from an outside source.

I&#39;m familiar with `LineBreak` but it&#39;s not the answer I&#39;m looking for.

WPF Textblock, linebreak in Text attribute

Getting into the first serious WPF project.  It seems like there are a lot of basic controls flat out missing.  Specifically, I am looking for the Numeric UpDown control.  Was there an out of band release that I missed?  Really don&#39;t feel like writing my own control.  

I do not want to use the WindowsFormHost and plop a WinForm ctl on it.  I want it to be fully WPF without any legacy junk.

Thanks

Where is the WPF Numeric UpDown control?

I&#39;ve got a WPF window with `SizeToContent=&quot;Height&quot;`. This window contains an `&lt;Expander /&gt;` that displays a list of recent activity. What I&#39;d like is when the expander is expanded the window grows in size proportionally. When hidden the window again resizes proportionally. If the window is resized the expander and it&#39;s contained list view should grow to use the new space. (don&#39;t mind the colors there there to help me figure this out):

**Normal View**

![alt text][1]

**Collapsed**

![alt text][2]

**Resized to new space**

![alt text][3]


So far this works great. The problem comes when the `&lt;Expander /&gt;` is collapsed after the window is resized. Rather than the window collapsing again, the list view is simply hidden:

**Collapsed after Resize**

![alt text][4]

My intuition tells me that the `Height` of the window is being set when the window resizes and thus overrides the `SizeToContent` property. So, how can I get the window to keep it&#39;s size to content behavior after it&#39;s been resized?

Current XAML:

    &lt;Window x:Class=&quot;DeployLX.Licensing.Nlm.Admin.v3.DashboardWindow&quot;
        xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;
        xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;
        Title=&quot;Dashboard&quot; Width=&quot;504&quot; SizeToContent=&quot;Height&quot; Height=&quot;275&quot;&gt;
    
      &lt;DockPanel&gt;
        &lt;Menu DockPanel.Dock=&quot;Top&quot;&gt;
          &lt;MenuItem Header=&quot;_File&quot;&gt;
            &lt;MenuItem Header=&quot;E_xit&quot; Command=&quot;{Binding Path=CloseCmd}&quot; /&gt;
          &lt;/MenuItem&gt;
        &lt;/Menu&gt;
        &lt;Grid DockPanel.Dock=&quot;Top&quot; Margin=&quot;8&quot; ShowGridLines=&quot;True&quot;&gt;
          &lt;Grid.RowDefinitions&gt;
            &lt;RowDefinition /&gt;
            &lt;RowDefinition /&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;Grid.ColumnDefinitions&gt;
            &lt;ColumnDefinition /&gt;
            &lt;ColumnDefinition /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          
          &lt;Grid Grid.RowSpan=&quot;2&quot; Grid.Row=&quot;0&quot; Grid.Column=&quot;0&quot; Margin=&quot;0,0,8,0&quot;&gt;
            &lt;Rectangle Fill=&quot;Red&quot; /&gt;
            &lt;TextBlock&gt;ActiveCount&lt;/TextBlock&gt;        
          &lt;/Grid&gt;
          
          &lt;Grid Grid.Row=&quot;0&quot; Grid.Column=&quot;1&quot; Margin=&quot;0,0,0,4&quot;&gt;
            &lt;Rectangle Fill=&quot;Green&quot; /&gt;
            &lt;TextBlock&gt;Authorization&lt;/TextBlock&gt;
          &lt;/Grid&gt;
          &lt;Grid Grid.Row=&quot;1&quot; Grid.Column=&quot;1&quot; Margin=&quot;0,4,0,0&quot;&gt;
            &lt;Rectangle Fill=&quot;Blue&quot; /&gt;
            &lt;TextBlock&gt;Authorization&lt;/TextBlock&gt;
          &lt;/Grid&gt;      
        &lt;/Grid&gt;
        &lt;Expander Header=&quot;Recent Activity&quot; Margin=&quot;8&quot; IsExpanded=&quot;True&quot;&gt;
          &lt;ListView IsSynchronizedWithCurrentItem=&quot;True&quot; MinHeight=&quot;100&quot;&gt;
            &lt;ListView.View&gt;
              &lt;GridView&gt;
                &lt;GridViewColumn Header=&quot;Status&quot;/&gt;
              &lt;/GridView&gt;
            &lt;/ListView.View&gt;
          &lt;/ListView&gt;
        &lt;/Expander&gt;
      &lt;/DockPanel&gt;
    &lt;/Window&gt;

**UPDATE:** I&#39;ve tried listening to the Collapsed event of the expander and resetting the Windows `SizeToContent` property. This almost works. It will cause it to collapse the window again but when expanded again it goes back to the original 100 pixel height. While it&#39;s feasible to store and capture this info it smells hacky and prone to errors.

  [1]: http://www.deploylx.com/so/wpfexpander/Open.png &quot;Normal view&quot;
  [2]: http://www.deploylx.com/so/wpfexpander/Closed.png &quot;Closed&quot;
  [3]: http://www.deploylx.com/so/wpfexpander/Expanded.png &quot;Expanded to use new space&quot;
  [4]: http://www.deploylx.com/so/wpfexpander/Collapsed.png &quot;Collapsed after Resize&quot;

How do you keep the WPF window sized to content with an Expander after resize

This question has been asked in a few different formats but I can&#39;t get any of the answers to work in my scenario.

I am using jQuery to implement command history when user hits up/down arrows. When up arrow is hit, I replace the input value with previous command and set focus on the input field, but want the cursor always to be positioned at the end of the input string.

My code, as is:

    $(document).keydown(function(e) {
      var key   = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
      var input = self.shell.find(&#39;input.current:last&#39;);
      
      switch(key) {
        case 38: // up
          lastQuery = self.queries[self.historyCounter-1];
          self.historyCounter--;
          input.val(lastQuery).focus();
    // and it continues on from there

How can I force the cursor to be placed at the end of &#39;input&#39; after focus?

Set mouse focus and move cursor to end of input using jQuery

I have JavaScript that is doing activity periodically. When the user is not looking at the site (i.e., the window or tab does not have focus), it&#39;d be nice to not run.

Is there a way to do this using JavaScript?

My reference point: Gmail Chat plays a sound if the window you&#39;re using isn&#39;t active. 

Is there a way to detect if a browser window is not currently active?

I need to remove the focus from several TextBoxes. I tried using:

    textBox1.Focused = false;

Its `ReadOnly` property value is `true`.

I then tried setting the focus on the form, so as to remove it from all the TextBoxes, but this also fails to work:

    this.Focus();

and the function returns `false` when a textbox is selected.

So, how do I remove the focus from a TextBox?


How to remove the focus from a TextBox in WinForms?

I have a View that has a single `TextBox` and a couple `Button`s below it. When the window loads I want that `TextBox` to have focus. 

If I was not using MVVM I would just call `TextBox.Focus()` in the Loaded event. However my ViewModel does not know about my view so how can I accomplish this without putting code into the codebehind of my view?

EDIT:
After reading the answers I decided to put this code in the view xaml

    &lt;DockPanel FocusManager.FocusedElement=&quot;{Binding ElementName=MessageTextBox}&quot;&gt;    
        &lt;TextBox Name=&quot;MessageTextBox&quot; Text=&quot;{Binding Message}&quot;/&gt;
    &lt;/DockPanel&gt;

If this were anything other than initial page focus I would probably recommend Jon Galloway&#39;s answer since it can be controlled from the ViewModel.

WPF MVVM Focus Field on Load

I have the following jQuery code (similar to [this question][1])  that works in Firefox and IE, but fails (no errors, just doesn&#39;t work) in Chrome and Safari. Any ideas for a workaround?

    $(&quot;#souper_fancy&quot;).focus(function() { $(this).select() });


  [1]: https://stackoverflow.com/questions/480735/

Content Type	Original Author	Original Content on Stackoverflow
Question	Joe White	View Question on Stackoverflow
Solution 1 - Wpf	Sacha Bruttin	View Answer on Stackoverflow

Remove focus rectangle on a UserControl

Wpf Problem Overview

Edit

Wpf Solutions

Solution 1 - Wpf

How to read GET data from a URL using JavaScript?

Browser-independent way to detect when image has been loaded

Attributions