CssCompositionTool

This is the third version of a tool to do simple Css composition it has been renamed by function for Visual Studio 2019. The previus versions were named CssClassesExtension for Visual Studio 2017 and CssScriptClassesExtension for Visual Studio 2015

Caution: The SQL localdb created by Visual Studio 2019 with the desktop or some other packages installed is used as the default database. You may use Visual Studio's Sql Server Object Explorer to see if you already have that database and/or install it using the Visual Studio Installer from the 'Get Tools and Features' entry on the Tools menu. Other SQL databases may be used instead of localdb by setting or adding a data value named 'SqlConnection' under the registry key 'HKEY_CURRENT_USER\SOFTWARE_ZEN_SOFT\CssScriptClassesExt' to a connection string for another server where permission exists. (An example connection string I've used is shown below ) Set the registry value before starting Visual Studio.

Hints The first time the extension is run it creates the data base for Css3 components, please wait until it is done before using it. When the settings box appears it is done.

• If after an edit the script displayed does not update, press the 'Build Style' button to update the window.
• If after resizing all of the tools do not show in the tool window, close the extension window and reopen it using the Tool menu entry.

Recent changes This is the first version for Visual studio 2019. Css Composition is now an async package.

Features

The CssCompositrion extension for visual studio enables composing Css Classes and animation key frames by selecting their components and saves the components and classes in the (localdb) database created when visual studio 2019 is installed. The tool enables selection of components in Css3 classes and Animation Key Frames, It allows selection of colors in gradients Selection is done from expanding controls in the settings box Pressing the 'copy' button creates a copy When you have a lot of Css3 classes, the 'Choose Style button is useful. The Show Style button displays the Style being edited in a web page. Compose/View Animation brings up the page where animation key frames are edited Animation may be mixed into styles by selecting a set of key frames by name

Thank you for using CssComposition