SkinBuilder-Form Elements
 

 

  • Window

    • Titlebar Font Color (Type: Color)
      The font color of the caption on title bar.

    • Titlebar (Type: Image)
      Sunisoft Skin Solutions v2 supports 2 modes of the title bar definiens: 3 sections and 5 sections.

      For 3 sections mode, a titlebar image is separated into 3 parts. Part #1 is 'left section', which will be painted on the left side of the title bar in original size. Part #2 is 'middle section', which will be stretch(horizontal) painted on the middle part of the title bar between left section and right section. Part #3 is 'right section', which will be painted on the right side of the title bar in original size.

      An example of 3 sections mode titlebar:


      For 5 sections mode, a titlebar image is separated into 5 parts. Part #1 is 'left section', which will be painted on the left side of the title bar in original size. Part #2 is 'caption section', which will be stretch(horizontal) painted after the 'left section'. The width of the 'caption section' is determined by the length of the caption. Part #3 is 'bridge section', which will be painted after 'caption section' in original size. Part #4 is 'middle section', which will be stretch(horizontal) painted on the middle part of the title bar between bridge section and right section. Part #5 is 'right section', which will be painted on the right side of the title bar in original size.

      An example of 5 sections mode titlebar:

    • Left/Right Border (Type: Image)
      Left and right border of window, will be stretch(vertical) painted. The client area of window, will be filled with the color which you define between the left and right borders.

    • Bottom Border (Type: Image)
      You can separate the bottom border into 3 parts manually. If not, then the compiler of SkinBuilder will separate it automatically, it means that the 3 parts will have same width.

    • Icon/ControlBox Position
      In 'left section' of titlebar, you need to draw a point with Locator color to point out the position of application icon/control box.

    • Caption Top
      In 'caption section' (5 sections mode) or 'middle section' (3 sections mode), you need to draw point with Locator color to point out the top of the caption.

    • Titlebar Buttons Position
      In 'right section', you need to draw a point with Locator color to point out the position of titlebar buttons(Close, Maximize, Minimize, etc.).

    Below is an example of the window elements:

  • Minimized Titlebar (Type: Image)

    This image will be used for a minimized MDI child form in MDI applications.

  • Titlebar Buttons (Type: Image)

    This image defines the title buttons (E.g. Close, Maximize, Minimize, etc.). It includes six buttons definitions - System menu, Help, Maximize, Restore, Minimize, Close. And each button definition includes three statuses - Normal, Mouse hover and Mouse down.

    Below is an example for titlebar buttons:

  • Menu Colors (Type: Color)

    Menubar start color
    Menubar end color (Only for gradient mode. If use solid color, just specify it same as the start color)
    Selected top-level menu item color
    Selected top-level menu item border color
    Selected top-level menu item font color
    Unselected top-level menu item font color
    Icons bar start color
    Icons bar end color (Only for gradient mode. If use solid color, just specify it same as the start color)
    Unselected menu item color
    Unselected menu item font color
    Selected menu item color
    Selected menu item border color
    Selected menu item font color
    Icon for checked menu item (16*16)

  • Menubar Image (Type: Image)

    If you want to use a background image for menubar, define it here, then the 'Menubar start color' and 'Menubar end color' will be ingnored. If you want to use color mode rather than image mode, just draw a color block with transparent color.

  • Toolbar Colors (Type: Color)

    Toolbar start color
    Toolbar end color (Only for gradient mode. If use solid color, just specify it same as the start color)
    Toolbar buttons color (Mouse hover)
    Toolbar buttons border color
    Toolbar buttons color (Mouse down)

  • Toolbar Image (Type: Image)

    If you want to use a background image for toolbar, define it here, then the 'Toolbar start color' and 'Toolbar end color' will be ingnored. If you want to use color mode rather than image mode, just draw a color block with transparent color.

  • Controls Colors (Type: Color)

    These colors are used for normal controls which are not be defined in this specification.
    Control color
    Control border color
    Control caption font color



Email: support@sunisoft.com
Copyright(c) 1999 - 2006  Sunisoft, All Rights Reserved