Sebastiaan Janssen
720 lines
18 KiB
HTML
720 lines
18 KiB
HTML
<!doctype html>
|
||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
||
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
||
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
||
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
||
<title></title>
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<meta name="robots" content="noindex">
|
||
|
||
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
|
||
|
||
|
||
<link rel="stylesheet" href="assets/css/style.min.css" />
|
||
<!--[if lt IE 9]>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body class="page">
|
||
|
||
<div class="quick-menu">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
|
||
<div class="close">
|
||
<i class="icon-Delete"></i>Close
|
||
</div>
|
||
|
||
<div class="settings">
|
||
<a href="profile.html"><i class="icon-Settings"></i>Edit profile</a>
|
||
</div>
|
||
|
||
<div class="user-image">
|
||
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
|
||
</div>
|
||
|
||
<div class="user-profile">
|
||
<h2>Darth Vader</h2>
|
||
<div class="karma">
|
||
2410
|
||
</div>
|
||
<div class="user-twitter">
|
||
<a href="#">@darthvader</a>
|
||
</div>
|
||
|
||
<span class="roles">
|
||
<span class="core">core</span>
|
||
<span class="mvp">mvp</span>
|
||
<span class="admin">admin</span>
|
||
<span class="hq">hq</span>
|
||
<span class="c-trib">c-trib</span>
|
||
</span>
|
||
</div>
|
||
|
||
<small>
|
||
Activity in threads you participated in
|
||
</small>
|
||
|
||
<div class="user-latest-posts">
|
||
|
||
|
||
<a href="forum-thread.html" class="forum-thread">
|
||
<div class="row">
|
||
<div class="col-xs-10 col-md-8">
|
||
<div class="forum-thread-text">
|
||
<h3>Allow user to change site design</h3>
|
||
<p>Reply by Dennis Aaen 7 minutes ago</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-2 col-md-4">
|
||
<div class="category frontend"><span class="cat">Frontend</span></div>
|
||
</div>
|
||
|
||
</div>
|
||
</a>
|
||
|
||
<a href="forum-thread.html" class="forum-thread">
|
||
<div class="row">
|
||
<div class="col-xs-10 col-md-8">
|
||
<div class="forum-thread-text">
|
||
<h3>Allow user to change site design</h3>
|
||
<p>Reply by Dennis Aaen 7 minutes ago</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-2 col-md-4">
|
||
<div class="category frontend"><span class="cat">Frontend</span></div>
|
||
</div>
|
||
|
||
</div>
|
||
</a>
|
||
|
||
<a href="forum-thread.html" class="forum-thread">
|
||
<div class="row">
|
||
<div class="col-xs-10 col-md-8">
|
||
<div class="forum-thread-text">
|
||
<h3>Allow user to change site design</h3>
|
||
<p>Reply by Dennis Aaen 7 minutes ago</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-2 col-md-4">
|
||
<div class="category frontend"><span class="cat">Frontend</span></div>
|
||
</div>
|
||
|
||
</div>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<header>
|
||
<div class="navigation">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-3">
|
||
<a class="logo" href="index.html">
|
||
Our Umbraco
|
||
</a>
|
||
</div>
|
||
|
||
<nav class="col-md-9">
|
||
<ul>
|
||
<li><a href="forum.html">Forum</a></li>
|
||
<li><a href="#">Packages</a></li>
|
||
<li><a href="documentation.html">Docs</a></li>
|
||
<li><a href="#">Download</a></li>
|
||
<li><a href="#">Contribute</a></li>
|
||
<!-- <li><a href="#">Sign in</a></li> -->
|
||
<li>
|
||
<div class="user">
|
||
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
|
||
<span class="notificationCount">
|
||
4
|
||
</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
<section class="documentation">
|
||
<span class="sidebar-bg"></span>
|
||
<span class="content-bg"></span>
|
||
<div class="container">
|
||
<div class="row">
|
||
<nav class="sidebar col-md-4 fixed">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<ul class="level-1">
|
||
<li>
|
||
<a href=""><h3>Getting started</h3></a>
|
||
<ul class="level-2">
|
||
<li>
|
||
<a href=""><h4>Setup</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<a href=""><h5>Install</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Config</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Server setup</h5></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Data</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<a href=""><h5>Doc types</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Data types</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Content entry</h5></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Design</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<a href=""><h5>Templates</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Razor</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Content/Media API</h5></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Code</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<a href=""><h5>MVC</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Events</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Forms/Conttrollers</h5></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Extend</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<a href=""><h5>Property Editors</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Trees</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Editors</h5></a>
|
||
</li>
|
||
<li>
|
||
<a href=""><h5>Angular JS</h5></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a class="active" href=""><h3>Structural Docs</h3></a>
|
||
<ul class="level-2 open">
|
||
<li>
|
||
<a href=""><h4>Routing</h4></a>
|
||
<ul class="level-3">
|
||
|
||
<li>
|
||
<h5>Routing</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Pipeline</h5>
|
||
</li>
|
||
<li>
|
||
<h5>MVC</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Request</h5>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Content definition</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<h5>HTML</h5>
|
||
</li>
|
||
<li>
|
||
<h5>CSS</h5>
|
||
</li>
|
||
<li>
|
||
<h5>JS</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Clientdependency</h5>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Templating</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<h5>MVC</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Templating</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Rendering</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Razor</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Content APIs</h5>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Query data</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<h5>Events</h5>
|
||
</li>
|
||
<li>
|
||
<h5>APIs</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Services</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Lowerlevel APIs</h5>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href=""><h4>Client side</h4></a>
|
||
<ul class="level-3">
|
||
<li>
|
||
<h5>Tables</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Schemas</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Migrations</h5>
|
||
</li>
|
||
<li>
|
||
<h5>Upgrades</h5>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<h3>API reference</h3>
|
||
</li>
|
||
<li>
|
||
<h3>Cheatsheets</h3>
|
||
</li>
|
||
<li>
|
||
<h3>Tutorials</h3>
|
||
</li>
|
||
<li>
|
||
<h3>Umbraco v4/v6</h3>
|
||
</li>
|
||
<!-- <li>
|
||
<h3>Backoffice overview</h3>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div class="content markdown-syntax col-md-8 col-md-offset-4">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="body">
|
||
|
||
<div>
|
||
|
||
<ul id="breadcrumb">
|
||
<li><a href="/documentation" rel="nofollow">Documentation</a></li><li><a href="/documentation/Extending-Umbraco" rel="nofollow">Structural docs</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<h1>From request to content</h1>
|
||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.</p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-3 point">
|
||
<h4 class="text-right"></h4>
|
||
|
||
</div>
|
||
<div class="col-xs-3" style="
|
||
/* visibility: hidden; */
|
||
">
|
||
<span class="dot big" style="
|
||
visibility: hidden;
|
||
">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small" style="
|
||
font-size: 1.1rem; line-height: 2.6rem; text-align: center; color: white;
|
||
">7.2
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small" style="
|
||
font-size: 1.1rem;
|
||
line-height: 2.6rem;
|
||
text-align: center;
|
||
color: white;
|
||
">7.1
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="row explain">
|
||
<div class="col-xs-6">
|
||
<h5>Routing</h5>
|
||
<p>Handles the /news url</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Pipeline</h5>
|
||
<p>Goes through the <a href="#">pipeline</a></p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>MVC</h5>
|
||
<p>hits the <a href="">mvc controller</a> or a <a href="">custom controller</a></p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Request</h5>
|
||
<p>Finds the matching content for /news</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-3 point">
|
||
<h4 class="text-right" style="
|
||
margin-top: -53px;
|
||
">Version 7</h4>
|
||
<small>Project Belle, a brand new user interface design to help end users use the backoffice better.</small>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<span class="dot big" style="
|
||
text-align: center;
|
||
vertical-align: top;
|
||
line-height: 3.9rem;
|
||
font-size: 2rem;
|
||
color: white;
|
||
">7
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">6.2
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">6.1
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="row explain">
|
||
<div class="col-xs-6">
|
||
<h5>Content type</h5>
|
||
<p>Content has a content type that defines its data</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Template</h5>
|
||
<p>It has a template that defines its presentation</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Schema</h5>
|
||
<p>Based on the schema a template is loaded</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-3 point">
|
||
<h4 class="text-right" style="
|
||
margin-top: -81px;
|
||
">Version 6</h4>
|
||
<small>Theme for this release is a new Public API. For this release we will focus on implementing a new API, which is much more polished then the old one.</small>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<span class="dot big" style="
|
||
text-align: center; vertical-align: top; line-height: 3.9rem; font-size: 2rem; color: white;
|
||
">6
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="row explain">
|
||
<div class="col-xs-6">
|
||
<h5>Razor</h5>
|
||
<p>Template is rendered with Razor</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Model</h5>
|
||
<p>Model refers to the found content</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Content API</h5>
|
||
<p>There are API’s to query media, members and content in the cache</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Content API</h5>
|
||
<p>A template can also contain: <a href="#">Partial Views</a>, <a href="#">Macros</a>, <a href="#">Forms controller by a surface controller</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-3 point">
|
||
<h4 class="text-right">Query Data</h4>
|
||
<small> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
consequat.</small>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<span class="dot big">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="row explain">
|
||
<div class="col-xs-6">
|
||
<h5>Content</h5>
|
||
<p>Template is rendered with Razor</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Media</h5>
|
||
<p>Model refers to the found content</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Members</h5>
|
||
<p>There are API’s to query media, members and content in the cache</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-3 point">
|
||
<h4 class="text-right">Client Side Assets</h4>
|
||
<small> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
consequat.</small>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<span class="dot big">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
<span class="dot small">
|
||
<span class="v-line"></span>
|
||
<span class="h-line"></span>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="row explain">
|
||
<div class="col-xs-6">
|
||
<h5>HTML</h5>
|
||
<p>Template is rendered with Razor</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>JS</h5>
|
||
<p>Funky javascript</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>CSS</h5>
|
||
<p>Make things pretty and <a href="#">UNICORNY</a></p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<h5>Client side dependency</h5>
|
||
<p>And use client dependency to optimise</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
<style>
|
||
.documentation .dot.big {
|
||
height: 60px;
|
||
width: 60px;
|
||
border-radius: 40px;
|
||
margin: 20px auto 100px;
|
||
text-align: center;
|
||
vertical-align: top;
|
||
line-height: 3.9rem;
|
||
font-size: 2rem;
|
||
color: white;
|
||
}
|
||
|
||
.documentation .dot.small {
|
||
height: 40px;
|
||
width: 40px;
|
||
border-radius: 30px;
|
||
margin: 0 auto 115px;
|
||
font-size: 1.1rem;
|
||
line-height: 2.6rem;
|
||
text-align: center;
|
||
color: white;
|
||
}
|
||
</style>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<ul>
|
||
<strong>Klara</strong>
|
||
<li><a href="#">Lore</a></li>
|
||
<li><a href="#">Lora</a></li>
|
||
<li><a href="#">Klaurmsi</a></li>
|
||
<li><a href="#">Wrapuerdu</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<ul>
|
||
<strong>Klara</strong>
|
||
<li><a href="#">Lore</a></li>
|
||
<li><a href="#">Lora</a></li>
|
||
<li><a href="#">Klaurmsi</a></li>
|
||
<li><a href="#">Wrapuerdu</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<ul>
|
||
<strong>Klara</strong>
|
||
<li><a href="#">Lore</a></li>
|
||
<li><a href="#">Lora</a></li>
|
||
<li><a href="#">Klaurmsi</a></li>
|
||
<li><a href="#">Wrapuerdu</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-xs-6 col-md-3">
|
||
<ul>
|
||
<strong>Klara</strong>
|
||
<li><a href="#">Lore</a></li>
|
||
<li><a href="#">Lora</a></li>
|
||
<li><a href="#">Klaurmsi</a></li>
|
||
<li><a href="#">Wrapuerdu</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||
<script src="//maps.googleapis.com/maps/api/js?sensor=false&extension=.js"></script>
|
||
<script src="assets/js/app.min.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
(function () {
|
||
|
||
classOnScroll('.sidebar', 'fixed', 120);
|
||
classOnScroll('header', 'sticky', 10);
|
||
|
||
// temporary sidebar fuctionality
|
||
$('.level-1 a').on('click', function (e) {
|
||
e.preventDefault();
|
||
var bla = $(this).next().attr('class');
|
||
$('.' + bla).removeClass('open');
|
||
$(this).next().toggleClass('open');
|
||
});
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html> |