T3
Beyond MVC
Login | Register | Password

Styles


You can edit the CSS styles of your T3 app at Manage/Styles

The T3 pages have the following structure

<body>
<div class="header">
   <div class="title">...</div>
   <div class="subtitle">...</div>
   <div class="search">...</div>
   <div class="authentication">...</div>
</div>
<div class="menu">...</div>
<div class="page">
   <div class="left-column">...</div>
   <div class="right-column">...</div>
</div>
<div class="footer">...</div>
</body>

You can change the position, colors, padding, fonts, etc. for each one of these elements and more.

Background Images

If you want to place a background image in the header you do:

  • Use Manage/Static Field to upload all the images you need for your app
  • Copy the link to the uploaded image you want on the background
  • Edit the CSS (Manage/Styles) and in the .menu entry add background:url('/link/to/image/') (*)
  • Done!
(*) you can use APPLICATION instead of the name of the application.