Standardinnehållskomponenter och css
Dynamix kommer med en mängd standardinnehåll som täcker in många av redaktörernas behov. Som formgivare eller html/css-utvecklare är det viktigt att se till att dessa innehåll infogas korrekt i den aktuella webbplatsens form. I de flesta fall innebär det att implementera layout-regler för den css och markup som innehållen lägger ut.
Det är dessutom alltid möjligt att utveckla egna anpassningar av innehållen om det krävs för att uppnå en viss form eller funktion.
Innehållskomponenterna skapar i slutändan alltid innehållskontroller (ur Dynamix.Content5.Controls). Detta gör att det alltid går att återanvända och kombinera utseende i egna kontoller utan att behöva ärva från innehållstyperna. Exempelvis skapar inloggningsinnehållet en Dynamix.Content5.Controls.Login-kontroll som sköter själva utritningen.
Css-klasser
Kontrollerna lägger ofta ut flera klasser på varje tag. Dessa går från generella till specifika enligt exempelvis:
<div class"dxLogin">
<div class="dxWrapper dxLoginUserNameAndLabelWrapper">
...
<input type="text" class="dxTextBox dxLoginUserNameTextBox" />
</div>
</div>
Klassen dxTextBox används av alla Dynamix-kontroller som ritar textboxar. Detta möjliggör att man kan sätta generella regler för alla innehållstextboxar med hjälp av denna klass, samtidigt som specifika regler för just denna textbox med klassen dxLoginUserNameTextBox. Css:en kan se ut enligt:
/* Regler för alla textboxar */
.dxTextBox
{
font-size: 0.8em;
background: ...;
}
/* Regler för alla textboxar i login-kontroller */
.dxLogin .dxTextBox
{
...
}
/* Regler för exakt användarnamn-textboxen i login-kontroller */
.dxLoginUserNameTextBox
{
...
}