Re: How do you display separator bars in a StatusBar? - WPF Discussion Boards

Re: How do you display separator bars in a StatusBar?

21-Jun-09 11:09

Christian Graus wrote:
If you want seperators, why not add them as a border on the controls

Borders on the controls are a last resort possibility, but my question was, why don't the Separator elements show up? I shouldn't have to specify a width on them, as their constructor should specify a default width. In no other code I've ever seen do you have to specify a width for a Separator.

But I experimented by setting a width and was shocked to discover that the Separator in a StatusBar is a horizontal line, not a vertical line as one should expect. One should expect that, right? I suppose a horizontal line will work, but I wonder who's brilliant idea it was at Microsoft to make a Separator a horizontal line in a WPF StatusBar? Isn't that totally nonstandard? You'd expect horizontal lines only between items arranged vertically, like the separators between menu items.

Christian Graus wrote:
I expect you'd need to specify widths on the seperator itself, and specify a width of 10 on your column definition.

I tried an explicit width on the column definition and it didn't work, so went back to Width="Auto". When I specified a width on the separator itself, that's when I discovered the very strange thing that the Microsoft developer has done, in making separators horizontal lines in status bars instead of vertical lines. This almost seems like a bug to me. I should just put a vertical bar in there.

Mark Salsbery21-Jun-09 11:13

Re: How do you display separator bars in a StatusBar? (Ans: don't use them)

21-Jun-09 11:13

fjparisIII wrote:
I wonder who's brilliant idea it was at Microsoft to make a Separator a horizontal line in a WPF StatusBar?

It isn't. It's orientation is based on the ItemsControl it is used as an item in.

You didn't use them as ItemsControl items so you got the default horizontal
orientation.

See my other replies for two ways you can use the separators in a more correct fashion.

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

fjparisIII21-Jun-09 11:26

Re: How do you display separator bars in a StatusBar? (Ans: don't use them)

21-Jun-09 11:26

I took the Separator elements out. Those horizontal lines just look like a kludge.

Mark Salsbery21-Jun-09 11:29

Re: How do you display separator bars in a StatusBar? (Ans: don't use them)

21-Jun-09 11:29

fjparisIII wrote:
I took the Separator elements out.

Why would you take the separator elements out if you want separators?

I gave you two working examples - one that you can totally customize
the style of the separators, and another that uses the default style.

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

fjparisIII21-Jun-09 11:51

Re: How do you display separator bars in a StatusBar? [modified]

21-Jun-09 11:51

Mark Salsbery wrote:
Why would you take the separator elements out if you want separators?

I gave you two working examples - one that you can totally customize
the style of the separators, and another that uses the default style.

I took them out before I saw your examples. After I saw your second example, I put them back in. Now they look great. Thanks for your attention.

Mark Salsbery21-Jun-09 10:50

Re: How do you display separator bars in a StatusBar?

21-Jun-09 10:50

*Edit*
With your Separators wrapped in StatusBarItem, they default to a horizontal orientation, so
you'd need to give your separators a vertically oriented style, otherwise you can't see them...

<StatusBar Grid.Row="1"
           DockPanel.Dock="Bottom"
           Height="23"
           VerticalAlignment="Bottom"
           BorderBrush="Black"
           BorderThickness="0,.5,0,0" >
    <StatusBar.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
            </Grid>
        </ItemsPanelTemplate>
    </StatusBar.ItemsPanel>
    <StatusBarItem Grid.Column="0" >
        <TextBlock Text="TextBlock 1" Name="statusBarHelp" />
    </StatusBarItem>
    <StatusBarItem Grid.Column="1" >
        <Separator >
            <Separator.Style>
                <Style TargetType="{x:Type Separator}">
                    <Setter Property="Height" Value="20"/>
                    <Setter Property="Margin" Value="2,0,2,0"/>
                    <Setter Property="Focusable" Value="false"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Separator}">
                                <Border BorderBrush="LightSlateGray" BorderThickness="1"/>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Separator.Style>
        </Separator>
    </StatusBarItem>
    <StatusBarItem Grid.Column="2" HorizontalContentAlignment="Center" >
        <TextBlock Text="TextBlock 2" Name="statusBarFullPath" />
    </StatusBarItem>
    <StatusBarItem Grid.Column="3" >
        <Separator >
            <Separator.Style>
                <Style TargetType="{x:Type Separator}">
                    <Setter Property="Height" Value="20"/>
                    <Setter Property="Margin" Value="2,0,2,0"/>
                    <Setter Property="Focusable" Value="false"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Separator}">
                                <Border BorderBrush="LightSlateGray" BorderThickness="1"/>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Separator.Style>
        </Separator>
    </StatusBarItem>
    <StatusBarItem Grid.Column="4" >
        <TextBlock Text="TextBlock 3" Name="imageCount" />
    </StatusBarItem>
</StatusBar>

In my second reply is a simpler version with the StatusBarItem wrappers removed.

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

modified on Sunday, June 21, 2009 5:06 PM

Christian Graus21-Jun-09 10:51

Re: How do you display separator bars in a StatusBar?

21-Jun-09 10:51

Shouldn't that style then be a template, so it gets reused ? :P

OK, so a seperator is invisible without a style ? I've never used one, so I had no idea about that.

Mark Salsbery21-Jun-09 11:04

Re: How do you display separator bars in a StatusBar?

21-Jun-09 11:04

Christian Graus wrote:
a seperator is invisible without a style ?

I worded the reply incorrectly.

I meant the way the op is using it, it is not visible.

I'll reply to OP again Poke tongue | ;-P

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Mark Salsbery21-Jun-09 11:09

Re: How do you display separator bars in a StatusBar?

21-Jun-09 11:09

Christian Graus wrote:
Shouldn't that style then be a template, so it gets reused ?

That exercise is left to the reader Poke tongue | ;-P

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Mark Salsbery21-Jun-09 11:05

Re: How do you display separator bars in a StatusBar?

21-Jun-09 11:05

To use the default Separator style, remove the StatusBarItem
wrappers from the Separators:

<StatusBar Grid.Row="1"
           DockPanel.Dock="Bottom"
           Height="23"
           VerticalAlignment="Bottom"
           BorderBrush="Black"
           BorderThickness="0,.5,0,0" >
    <StatusBar.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
            </Grid>
        </ItemsPanelTemplate>
    </StatusBar.ItemsPanel>
    <StatusBarItem Grid.Column="0" >
        <TextBlock Text="TextBlock 1" Name="statusBarHelp" />
    </StatusBarItem>
    <Separator Grid.Column="1"  />
    <StatusBarItem Grid.Column="2" HorizontalContentAlignment="Center" >
        <TextBlock Text="TextBlock 2" Name="statusBarFullPath" />
    </StatusBarItem>
    <Separator Grid.Column="3" />
    <StatusBarItem Grid.Column="4" >
        <TextBlock Text="TextBlock 3" Name="imageCount" />
    </StatusBarItem>
</StatusBar>

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

fjparisIII21-Jun-09 11:40

How to find the temparary drives created

21-Jun-09 11:40

Okay, now we're talking. Good answer. Thanks, Mark. Looks good. I just make them invisible when the middle TextBlock is empty. Sure was a lot of screwing around for a lousy pair of Separator elements.

Nekkantidivya19-Jun-09 20:45

Nekkantidivya

19-Jun-09 20:45

Hi,

I am working on a WPF application. In this I need to find the temporary drives created i.e., like drives created when some mobile or pen drive are created. From this Temporary drive created I need to get the image files.

If any one have any idea to get the names or path of the temparory drives created please reply me.

Thanks in advance.

Re: How to find the temparary drives created

ABitSmart19-Jun-09 21:51

ABitSmart

19-Jun-09 21:51

This is not a WPF question.

Take a look at DriveInfo class[^], especially DriveInfo.GetDrives[^]. You can check for the Drive having DriveType as DriveType.Removable.

[Message Deleted]

CBenac19-Jun-09 14:11

Re: Problem with WPF Browser application

19-Jun-09 14:11

[Message Deleted]

Christian Graus19-Jun-09 17:39

19-Jun-09 17:39

Please don't create a new account. You're the only person on EARTH who thinks it's wise to mix a 'browser application' ( i.e. you will put a web browser control in a window ), with a database.

CBenac wrote:
Data Source=TOSHIBA_PC\SQLEXPRESS

Is this your local machine ? Have you tried logging in with a username and password ? Have you googled the error message to see possible solutions ?

[Message Deleted]

CBenac20-Jun-09 3:13

Re: Problem with WPF Browser application

20-Jun-09 3:13

[Message Deleted]

Christian Graus20-Jun-09 11:32

20-Jun-09 11:32

A WPF browser application runs in the browser ? I would assume that the issue is the application being sandboxed then.

Re: [Message Deleted]

Christian Graus20-Jun-09 13:09

How to connect a XPAP application to the Northwind database

20-Jun-09 13:09

I'm sorry if I misunderstood you at first, someone else has been posting about a browser application in WPF, and asking the same thing for days. I am trying to help you here, there's no need to delete your posts, or feel unwelcome. I am sorry for the misunderstanding, I do suspect that you're saying the app is running inside your browser, and that sandboxing is why you can't access a local DB, but you can probably access a network one. Have you had any luck with that avenue ?

CBenac20-Jun-09 15:34

Re: How to connect a XPAP application to the Northwind database

20-Jun-09 15:34

There is a sample application that uses the DataGrid (from the WPF Toolkit) and displays the customers table from the NorthWind database. It runs fine if it is created as an EXE which is the original intention of the author. However, since I need the application to run in the browser, I recreate the same project as a XPAP but the browser displays the bellow error message (snipet) from the "More information" link. It appears to be a connection issue with the database. I'm using Windows authentication mode.

>>
..
The action that failed was:
Demand
The type of the first permission that failed was:
System.Data.SqlClient.SqlClientPermission
The first permission that failed was:
<IPermission class="System.Data.SqlClient.SqlClientPermission, System.Data, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"
version="1"
AllowBlankPassword="False">
<add ConnectionString="Data Source=TOSHIBA_PC\SQLEXPRESS;Initial Catalog=Northwind;Integrated Security=True"
KeyRestrictions=""
KeyRestrictionBehavior="AllowOnly"/>
</IPermission>
.....
>>

The sample code was retrieved from here:
http://www.codeproject.com/KB/WPF/WPFDataGridExamples.aspx

Christian Graus21-Jun-09 0:39

Re: How to connect a XPAP application to the Northwind database

21-Jun-09 0:39

OK - well, if you're in the browser, then I assume you're serving your app over the web. You're going to need a connection string that connects to a remote machine, not one that relies on Windows security, because the browser is sandboxed from the rest of the machine. It's basically the security in the browser that is hitting you. Have you tried using a username/password to connect to the DB ?

CBenac21-Jun-09 12:58

Re: How to connect a XPAP application to the Northwind database

21-Jun-09 12:58

I changed from Windows to SQL Server authentication and logged as User: sa and the password, but it didn't make any difference. I'll look into this remote machine you mentioned. But any additional sugestion is welcomed. It is surprise to me the few online documentation regarding WPF.
Thanks so far for your input.

CBenac22-Jun-09 8:28

22-Jun-09 8:28

Christian,

I changed the properties of the application to "Full trusted site" and it worked nicely Smile | :)

Thanks for your help

CBenac

Message Removed

19-Jun-09 10:48

N_tro_P

19-Jun-09 10:48

Message Removed

Re: Canvas with an Image

Christian Graus19-Jun-09 11:02