question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Removing stroke from bar in XAML file

See original GitHub issue

I realize this isn’t a support forum and that this is maybe beyond the scope of what is supposed to be discussed here, but I can’t find a better place to ask, so I hope it’s all right.

I’m trying to create a simple transparent theme for the top bar using white.xaml as a starting point. I am not a developer nor am I actually that familiar with the syntax, but I do know CSS and some HTML so I was able to do most of what I want by referencing the default theme and making a few changes.

There is a small gray stroke at the bottom of the bar that I wish to remove but I can’t parse exactly what style is controlling that or how to change it.

The file I currently have looks like this:

<?xml version="1.0" encoding="utf-8"?>
<ResourceDictionary xmlns="http://schemas.microsoft.com/netfx/2009/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- Menu resources -->
    <SolidColorBrush Color="#FFFFFFFF" x:Key="MenuHeaderForeground" />
    <SolidColorBrush Color="#FFFFFFFF" x:Key="SysTrayExpanderColor" />

    <!-- Image resources -->
    <BitmapImage x:Key="MenuIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/cairoMenuDefault.png"></BitmapImage>
    <BitmapImage x:Key="SearchIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/searchDefault.png"></BitmapImage>
    <BitmapImage x:Key="ActionCenterIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/actionCenterDefault.png"></BitmapImage>
    <BitmapImage x:Key="VolumeIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/volumeIconDefault.png"></BitmapImage>
    <BitmapImage x:Key="VolumeLowIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/volumeLowIconDefault.png"></BitmapImage>
    <BitmapImage x:Key="VolumeOffIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/volumeOffIconDefault.png"></BitmapImage>
    <BitmapImage x:Key="VolumeMuteIcon" UriSource="pack://application:,,,/CairoDesktop;component/Resources/volumeMuteIconDefault.png"></BitmapImage>
    <BitmapImage x:Key="WhiteBarBackground" UriSource="C:\Users\epatt\OneDrive\Pictures\bar\menuBarTransparent.png"></BitmapImage>
</ResourceDictionary>

The image is attached below. How can I achieve a transparent “stroke” so to speak?

2018-07-25_15-53-21

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:13

github_iconTop GitHub Comments

1reaction
risemixcommented, Aug 2, 2018

https://i.imgur.com/W2W1yMD.png

Thank you, it works great. 😃

0reactions
dremincommented, Aug 2, 2018

This has been released.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to make title bar disappear in WPF window?
I think you should play with ShowTitleBar="False" and back anywhere within your application, either in the Xaml file or in the code behind....
Read more >
ProgressBar Class (Windows.UI.Xaml.Controls)
Represents a control that indicates the progress of an operation, where the typical visual appearance is a bar that animates a filled area...
Read more >
CommandBar Class (Windows.UI.Xaml.Controls)
Represents a specialized app bar that provides layout for AppBarButton and related command elements.
Read more >
WindowStyle="None" has thick bar at top #2435 - dotnet/wpf
None WPF window and an MFC window - I was just trying to see whether MFC could build a window that removed the...
Read more >
Create a Title Bar for User Controls
Open the UserMaintenanceControl.xaml file and notice that there are ... Build the title bar area using a Border control and a Grid control....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found