start
news_2
inställningar
Resurs
block_1
filer
Contributors:
  • Klobber
Last edited: 1/14/2023

A template written for the front

The Easyweb.site-template is an Easyweb Framework written to allow a front end developer to create a complete complex site without having to know any programming languages.

The template provides a set of html tags and attributes that control how and where the content created in Easyweb is displayed. The presentation of dynamic content in a way that is close to many modern javascript frameworks, allowing a HTML-driven feeling of both design and data presentation.

The framework is powered by .NET Core, making it platform independent, but requires no .NET Core-knowledge to develop in.

An example of a "Home"-view looks something like: 

<section class="big">
<div class="content-standard">
        <div class="row justify-between">
            <div class="text-block">
                <p class="label" ew-for="label" ew-if-key="label"></p>
                <h2 ew-for="Header"></h2>
</div>
            <div class="row align-items-end">
<a ew-for-href="Link" class="link-arrow">
<span ew-for-label="Link"></span>
</a>
</div>
</div>
        <div class="news-list">
<ew-list for-key="newslist">
<article class="news">
<a ew-for-href="$">
<div class="image">
<ew-list for-key="news-image-slider/image" take="1">
<img ew-for-src="$" />
</ew-list>
</div>
</a>
<div class="text">
                        <p class="color-gray font-header" ew-for="$date"></p>
                        <a ew-for-href="$"><h3 class="size-sm" ew-for="$label"></h3></a>
<div class="ew-html">
<p ew-for="HtmlEditContent" cut-by-last-word="180"></p>
</div>
<div class="m-t-2">
<a ew-for-href="$" class="btn-round btn-round-primary">
Explore
</a>
</div>
</div>
</article>
</ew-list>
</div>
</div>
</section>
Easyweb icon

This website uses cookies to improve your user experience, for security routines and for statistics. By continuing to use the website, you agree to the use of cookies.

Feel free to read ours privacy policy. If you agree to our use, choose Accept all. If you want to change your choice afterwards, you will find that option at the bottom of the page.

Cookies