Need a CSS / XML / .NET expert to develop a bootstrap type web application skin
- or -
Post a project like this3756
£100(approx. $125)
- Posted:
- Proposals: 1
- Remote
- #388006
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: less than 1 week
General information for the website: .NET Web Application
Description of requirements/features: We need someone who has a good working knowledge of CSS,XML and .NET.
We have a web application that needs a new skin. We would like a bootstrap look and feel. We would like bootstrap or an equivilent.
Our application works with a number of changeable themes and style.
Themes and styles are contained within theme groups which are defined by a styles.xml file. Multiple theme groups can be installed simultaneously.
Each theme group should be placed in a separate directory under the 'Styles' root subdirectory.
Theme Groups
A theme group contains (in the styles.xml file):
Themes - collections of PaneType entries that map to Styles
Pane Type Entries - a complete definition of which component styles to use for each pane component.
Component Styles - a complete list of the available component styles which map to CSS Classes.
Style Sheet Definitions - a list of the .css files that must will be referenced or created.
Pane Style Components
All panes have 'Surround', 'Pane' and 'Border' style components; however other panes have additional components. The complete list of components is:
Pane
Border
Surround
Selected
Alternate
Layout
Menu
Site
Separator
Tab
TabBottom
TabLeft
TabRight
Toolbar
How Themes to Map to CSS Classes
Our system performs the following steps to determine which CSS class and style sheet file to use for a specific HTML tag when rendering a component of a pane.
The 'Appearance' tab of the pane properties window provides override dropdowns for the user to override the CSS class used to render the components of the pane. The system uses the override if it is specified.
Find the theme definition - The theme name of a pane is determined by searching the pane hierarchy all to way to the top site level for the desired theme.
Typically the theme is only defined at the site level however pages can also have their own themes defined. The theme name is used to find the theme definition from the available styles.xml files.
Find the pane type entry - the system searches for the pane type entry in the theme definition that matches the value of the 'Theme Style' dropdown.
Determine the component style - the system looks for the component style for the component type in the pane type entry. If found it uses its CSS class.
Styles.XML Format
Round 2 Grey
Two simple example files are attached which show a basic structure.
Thanks
Andrew
Extra notes:
Description of requirements/features: We need someone who has a good working knowledge of CSS,XML and .NET.
We have a web application that needs a new skin. We would like a bootstrap look and feel. We would like bootstrap or an equivilent.
Our application works with a number of changeable themes and style.
Themes and styles are contained within theme groups which are defined by a styles.xml file. Multiple theme groups can be installed simultaneously.
Each theme group should be placed in a separate directory under the 'Styles' root subdirectory.
Theme Groups
A theme group contains (in the styles.xml file):
Themes - collections of PaneType entries that map to Styles
Pane Type Entries - a complete definition of which component styles to use for each pane component.
Component Styles - a complete list of the available component styles which map to CSS Classes.
Style Sheet Definitions - a list of the .css files that must will be referenced or created.
Pane Style Components
All panes have 'Surround', 'Pane' and 'Border' style components; however other panes have additional components. The complete list of components is:
Pane
Border
Surround
Selected
Alternate
Layout
Menu
Site
Separator
Tab
TabBottom
TabLeft
TabRight
Toolbar
How Themes to Map to CSS Classes
Our system performs the following steps to determine which CSS class and style sheet file to use for a specific HTML tag when rendering a component of a pane.
The 'Appearance' tab of the pane properties window provides override dropdowns for the user to override the CSS class used to render the components of the pane. The system uses the override if it is specified.
Find the theme definition - The theme name of a pane is determined by searching the pane hierarchy all to way to the top site level for the desired theme.
Typically the theme is only defined at the site level however pages can also have their own themes defined. The theme name is used to find the theme definition from the available styles.xml files.
Find the pane type entry - the system searches for the pane type entry in the theme definition that matches the value of the 'Theme Style' dropdown.
Determine the component style - the system looks for the component style for the component type in the pane type entry. If found it uses its CSS class.
Styles.XML Format
Round 2 Grey
Two simple example files are attached which show a basic structure.
Thanks
Andrew
Extra notes:
Skylime
100% (4)Projects Completed
5
Freelancers worked with
5
Projects awarded
57%
Last project
20 Apr 2015
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies