Adding branding, styles and themes

Forum Forums Visual Components 4.0 .NET Addon Programming Adding branding, styles and themes

This topic contains 7 replies, has 5 voices, and was last updated by Avatar ozan 2 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #454
    zesty
    zesty
    Moderator

    Let me know if you need help customizing the style, theme and appearance of the GUI.

    Attached is a tutorial on how to add and create new styles and themes for the workspace.

    Attachments:
    You must be logged in to view attached files.
    #1428
    harizon9
    harizon9
    Participant

    I am getting download error “Failed – No file”

    #1430
    zesty
    zesty
    Moderator

    Under Attachments, did you click AddingStylesThemes.pdf? It worked for me just now.

    #2231
    Jay
    Jay
    Moderator

    This tutorial on styles is a bit outdated. There is no need to use UserControl.Resources. All you need to do in order to use VC styles is to reference the following namespace in XAML

    xmlns:shared=”clr-namespace:VisualComponents.UX.Shared;assembly=UX.Shared”

    and use it in your control as follows:

    <TextBlock  Grid.Column=”0″ Text=”{Binding Name}” Style=”{DynamicResource VCTextBlockLargerLabelStyle}”  />

    or

    <shared:ExtendedTextBox  Grid.Column=”1″ Text=”{Binding Value}” Style=”{DynamicResource VCExtendedTextBoxStyle}” />

    Please see attached “VCStyle_Demo.xml” file for an example.

    Regarding the resource keys for controls, I must admit that I don’t know all of the them yet but the general naming convention is “VC[Default Control Name]Style” for example “VCButtonStyle”. Attached is a word document that has some resource key I have come across and that works.

    Please note that you might get a message like this when using resource key in XAML: “The resource [resource key name] could not be resolved”. I would suggest you ignore this error cause the resource will be resolved during runtime as long as you have added reference to VisualComponents.UX.Shared to your Visual Studio project.

    Attachments:
    You must be logged in to view attached files.
    #4459
    line_out
    line_out
    Participant

    Really nice Jay, let us know if you find more key words. This was a very simple way to make the add-ons look native!

    #13838
    Avatar
    ozan
    Participant

    Hello guys

    Is it possible to make a video for this tutorial? I’m a beginner at Visual Studio side and not really familiar with the meaning of the stuff you are talking about. So that would be great if i can follow your steps visually. Otherwise i cant make anything work:D

    #13874
    zesty
    zesty
    Moderator

    Following along, in this case, is not enough imo. You would need to have a basic understanding of WPF, XAML, XML, and XML namespaces. When I had to learn this stuff, I referred to the following site all the time.

    http://wpftutorial.net/LearnWPFin14Days.html

    For creating a new theme, you can use a text editor to create a new theme. Just save one theme as a new file, edit the hex color values– not the keys– in that file, and make sure that new file is in the same folder as the other themes used in the VC product.

    For using predefined styles, @Jay I think I shared the current list of keywords with you a month or so ago. Can you post it here? What I remember is that for buttons, you will need to add some padding of your own. That is, the style won’t add it for you.

    #13886
    Avatar
    ozan
    Participant

    Thanks Zesty i will check the website for sure.

    BR

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.