Actually I'm using DevExpress NavBarControl to show my menu Items and Groups.
I have applied Metropolis Dark Skin to my Control.
Now my control look like this :
But I want a Layout exactly like Grid Designer like Items should be White Color and OnHover of Items should be Orange Color like this :
Can anyone help me with this?
is there any thing to do with Glyph Skinning ?
I want a Layout exactly like Grid Designer
As far as I know the Grid Designer uses a special skin named the "DevExpress Design" and this skin is not intended to be used anywhere in user code. If you have DX-subscription with source code, you can extract skin-resources from DevExpress sources and load this skin explicitly.
Please, review the following article about the DevExpress Design skin in this regard.
is there any thing to do with Glyph Skinning ?
Just use the NavElement.AllowGlyphSkinning property.
Related help-article: Glyph Skinning.
Related
Using windows forms PropertyGrid control I can add images into select for any property using some UI type converters, etc. This control adds black border for each picture in the list. Does anybody know how to remove it?
See the samples of desired and existing picture here
and
Use the following line of code in your custom UITypeEditor class before drawing the image:
e.Graphics.ExcludeClip(e.Bounds);
Lets say that, regardless of what color settings the user has, I want my app to have a white background with blue foreground elements, like the Skype app does.
How do I go about that? I've found how I can make elements use the system brushes, but I can't figure out how to change those default brushes. I also can't find where the background color is specified at all.
You can use a library created by Jeff called PhoneThemeManager. You can find the article about the same here: PhoneThemeManager. Just download it from NuGet and modify your app.xaml.cs file to get Light (white background) theme activated. The code is simple:
ThemeManager.ToLightTheme();
Once you apply the theme, all your pages will have white background. For blue foreground elements, you'll need to create your own styles and apply them to elements. I'll prefer Blend to create design template over here as you'll get WYSIWYG interface. Using system brushes will not help as those will change according to Accent color. Creating your own styles will give you more freedom and control.
I hope this helps.
Check out how to apply theme resources to wp8 app, it describes exactly what you're looking for.
The most convenient way to accomplish this Task is to use Expression Blend.
Expression Blend is most suitable for this purpose as it will provide and intuitive interface.
The Interface is shown below for a WP app (7.1, it applies to WP8 as well)
The interface is easy to use.
Select an Item on Objects and Timeline
An object is selected and UI updates in middle.
Now Check the right side for properties. See the Background is selected. Select the required color of choice and other properties.
Pros: This applies to various elements including Menu Items, Buttons and all.
Cons: Items such as MessageBox can't be customized this way.
I am really bad when it comes to styling in XAML and I have a really big problem. I want to customize my scrollviewer in the ListBox that I have. I want to look something as simple as this
I hope that someone can help me do this.
Thanks in advance.
If you're using Expression Blend this is pretty simple actually. First you need to get to your Control Template for your ScrollBar. You can do this by dropping a ScrollBar control on your Design Surface then right-click and choose "Edit Template -> Edit A Copy" which will present a box to enter the name of your new Style Template and whether you want to save it to a Resource Dictionary or to the file you're working in.
Once you have saved it you should see multiple Parts in your Objects & Timeline panel for the Vertical & Horizontal templates of your ScrollBar. You will be editing the properties of the Rectangles & Borders that create the visual of your Scrollbar within each Control Template for Horizontal & Vertical depending on which you choose to use.
To re-create your example should be relatively easy with finding the "VerticalThumbTemplate" or "HorizontalThumbTemplate" and editing the Border / Rectangles within them to get your oval as you display. You might also want to tinker with your VisualStateManager States while you're in there for MouseOver effects etc.
An example of a custom scrollbar can be found in a partial theme I created awhile back you can view here.
Once you have created your custom ScrollBars you can either make your new style template the default by changing the BasedOn Value for that TargetType, or applying it directly to the ScrollViewer built in to your ListView Template.
Hopefully this should be enough to get you started in the right direction. Cheers! :)
Scrollbar is one of the harder template to customize. If your are really bad at that, you maybe have to search at a custom controls librarie.
But if you really want to edit the scrollbar template, there is plenty of sites that will help you with a simple google search
Is there a way to remove the annoying grid lines in the design view of Visual Studio 2010? Or at least style them to fade them off?
I'm not referring to the Grid component, but to the design view in WPF which draws visual lines over and around every components, making screens look like a soup in design view.
In Blend, if you disable Show Handles (in View > Show Handles, or F9), you can turn off those stupid blue lines.
Pretty sure you can derive from Grid and build design-time meta-data assembly with it as described on this msdn blog:
http://blogs.msdn.com/b/wpfsldesigner/archive/2010/01/13/wpf-silverlight-design-time-code-sharing-part-i.aspx#required
The reason I suggest deriving from Grid is because you want the designer to load new meta data for the type. Hopefully this implementation will override default behaviour although I have not tried myself.
Can I ask why you want to make this change? I am interested.
You say not the Grid component but those blue lines are part of the Grid control and you can simple drag them off the screen to remove them. I do not see any other light blue lines in that first link. If the problem is when you are running the app then uncheck the 'show gridlines' property for the Grid in VS2010.
I'm having some issues trying to change the look / style of a combo box in Expression Blend / WPF. While there are tutorials out there describing setting styles for buttons, there seem to be a few wrinkles with ComboBox controls.
Can anyone offer any advice, or point me towards good tutorials that cover re-styling something more complex than a button?
The ComboBox style template has 3 parts to it.
The ContentPresenter you should have come across styling Buttons.
There is a Part_Popup that you should find easy to change properties on and style.
The last part is a ToggleButton, to style that you need to "edit a copy" again and create another new style template for the ToggleButton.
Have a look at BeaCostas SolarSytem Listbox it's a lovely piece of work.