Fork me on GitHub
2sxc 9.4 for DNN 7 to 9
Website Builder, Content Manager, App-System: open-source and amazing
You are here: Home  >  Test 2pm

Test Bearbeitung Edge

Test Bearbeitung Edge

Dies ist ein Test der Bearbeitung im neuen Edge-Browser.

Discover 2sxc 7 (V8 Videos still missing)

We love it and use it for so many things because it's so simple, elegant and powerfull. And we know you'll love it as well!

Discover 2sxc 7 in 100 Seconds

Get to see what the exitement is all about and why everybody loves 2sxc 7.
See results here.

Discover 2sxc 7 basics in 100 Seconds

Get to see what the exitement is all about and why everybody loves 2sxc 7. 

Finally: Web Sites with Beautiful Content

Finally we get amazing content that is still easy to edit. It's so simple even with semantic markup - and your customer won't break it!

Beautiful Web-Content - Unbreakable

You - the web designer - can always create beautiful and animated web sites. But your customer usually can't, because he doesn't speak HTML or jQuery or YAML or CSS3. And now he doesn't need to, thanks to 2SexyContent. It's main concepts are...

Manage Content - not Data

We love content-management and hate the data-approach used by other modules. Once you understand the difference you'll be hooked.

Manage Content - not Data

Simple: HTML/CSS/JS + Tokens

Very easy for web designers to use because it's built on existing technologies. Templating uses Tokens or Razor or JavaScript.

Simple: HTML/CSS/JS + Tokens

Multi-Language that's actually fun!

We're from Switzerland. We have 4 national languages + English. We really, really care about Multi-language - you'll love it!

Multi-Language that's actually fun!

Rapid Prototyping and Site-Wide Redesign ?

Using demo-content you can quickly prototype a web site and the designer can redesign the elements on the fly.

Rapid Prototyping and Site-Wide Redesign

Introducing 2SexyContent

Watch this to understand 2sexy content, our vision, the philosophy and how it actually works.

Introducing 2SexyContent

Making beautiful web sites possible. Screen-Candy included.

Discover Lists

Lists are a very powerfull enhancement, enabling you to create and customize things like galleries, image-sliders, references and more. 

Discover Multilanguage

2sxc has the best multi-language implementation available. You'll simply love it. Discover it here. 

Our older Intro-Videos

We've created a few videos showing the technology, the user experience and specific topics like multilingual content. Please watch and be inspired :).

Introducing 2SexyContent

Watch this to understand 2sexy content, our vision, the philosophy and how it actually works.

Introducing 2SexyContent

Making beautiful web sites possible. Screen-Candy included.

Editor User Experience

Our primary focus is the content editor/author. If she loves to edit the content, then we've achieved all of our goals.

Discover the Editor User Experience

Designer User Experience

The designer needs simple tools to enhance a template; simple mechanisms like [Tokens] and @Razor. Watch the designer UX here.

Discover the Designer User Experience

Easy to use. Quick to update. Leverage existing HTML, JS and CSS know-how.

Explaining the Back End.

See how the back end works, how things work together.

Explaining the Back End.

The Back End is for designers only. It makes everything work. At its simplicity makes it beautifull.

Look inside

Content Item

These are the values a content-editor can manage.
Name Type Value
Title System.String Discover 2sxc 7 basics in 100 Seconds
Body System.String <p>Get to see what the exitement is all about and why everybody loves 2sxc 7.&nbsp;</p>
PreviewTitle System.String Discover 2sxc 7 in 100 Seconds
PreviewText System.String Get to see what the exitement is all about and why everybody loves 2sxc 7.
YouTubeCode System.String BL5AcHX6Y6U
PreviewImage System.String File:1812
ResultsLink System.String https://youtu.be/BL5AcHX6Y6U


Presentation Item

These are additional, optional presentation instructions a content-editor can manage. If none are entered, a default set (predefined by the designer) will be used.

No Presentation parameters specified, using default presentation for this item.


Template file

<div class="ym-clearfix co-equalize" style="margin-bottom:35px;">
@foreach(var c in List)
{
    
    var Content = c.Content;
    
    <div class="ym-g50 ym-gl @if (!String.IsNullOrEmpty(Content.Link)) {<text>co-box-link2</text>} @if (List.IndexOf(c) % 2 == 1) {<text>ym-gr</text>} sc-element">
        <div class="co-two-grids @if (List.IndexOf(c) % 2 == 1) {<text>co-no-border</text>} co-content-center">
            @Html.Raw(Content.Toolbar)
            <h3>@Content.PreviewTitle</h3> 
            <div class="co-preview-text">
              @Html.Raw(Content.PreviewText)
              @if (!String.IsNullOrEmpty(Content.ResultsLink)) 
              {
                <br/><span><a href="@Content.ResultsLink" target="_blank">See results here</a>.</span>
                }
            </div>

            @if (!String.IsNullOrEmpty(Content.PreviewImage))
            {
                <a href="#FancyDetail-@Content.EntityId" class="fancybox-video"><div class="co-play"></div><img src="@Content.PreviewImage?w=296" class="co-image" /></a>
            }
                
           
            <div style="display:none;">
                <div id="FancyDetail-@Content.EntityId" class="co-fancy-detail">
                    
                    <h3>@Content.Title</h3> 
                    <div style="margin-bottom:10px;">@Html.Raw(Content.Body)</div>
                    <div style="margin-bottom:10px;" class="wrapper"><iframe class="co-video-iframe" src="about:blank" data-src="//www.youtube.com/embed/@Content.YouTubeCode?&autoplay=1" frameborder="0" allowfullscreen></iframe></div>

                </div>
            </div>


        </div>
    </div>
            
}
</div>

Look inside

Content Item

These are the values a content-editor can manage.
Name Type Value
Title System.String Our older Intro-Videos
Body System.String We've created a few videos showing the technology, the user experience and specific topics like multilingual content. Please watch and be inspired :).
Image System.String


Presentation Item

These are additional, optional presentation instructions a content-editor can manage. If none are entered, a default set (predefined by the designer) will be used.
Name Type Value
TitleTag System.String h2
ImageAction System.String none


Template file

<div class="ym-clearfix co-full-width-inner">

<div class="sc-element">
    @Html.Raw(Content.Toolbar)
    @if(Presentation.TitleTag != "hide") {
        @Html.Raw("<" + Presentation.TitleTag + ">" + Content.Title + "</" + Presentation.TitleTag + ">")
    }
    @if (!String.IsNullOrEmpty(Content.Image))
    {
    <img src="/DesktopModules/ToSic_SexyContent/Extensions/Thumbnailer.aspx?Image=@Content.Image&Width=928&Height=1000" alt="@Content.Title" title="@Content.Title" class="co-box-big-image" />
    }
    <div>@Html.Raw(Content.Body)</div>
</div>
</div>

Look inside

Content Item

These are the values a content-editor can manage.
Name Type Value
Title System.String Introducing 2SexyContent
Body System.String Making beautiful web sites possible. Screen-Candy included.
PreviewTitle System.String Introducing 2SexyContent
PreviewText System.String Watch this to understand 2sexy content, our vision, the philosophy and how it actually works.
YouTubeCode System.String NOl7IiPVZv0
PreviewImage System.String /Portals/0/Content/Discover/Videos/ConceptBehind2SexyContent.png
ResultsLink null


Presentation Item

These are additional, optional presentation instructions a content-editor can manage. If none are entered, a default set (predefined by the designer) will be used.

No Presentation parameters specified, using default presentation for this item.


Template file

<div class="ym-clearfix co-equalize" style="margin-bottom:35px;">
@foreach(var c in List)
{
    
    var Content = c.Content;
    
    <div class="ym-g50 ym-gl @if (!String.IsNullOrEmpty(Content.Link)) {<text>co-box-link2</text>} @if (List.IndexOf(c) % 2 == 1) {<text>ym-gr</text>} sc-element">
        <div class="co-two-grids @if (List.IndexOf(c) % 2 == 1) {<text>co-no-border</text>} co-content-center">
            @Html.Raw(Content.Toolbar)
            <h3>@Content.PreviewTitle</h3> 
            <div class="co-preview-text">
              @Html.Raw(Content.PreviewText)
              @if (!String.IsNullOrEmpty(Content.ResultsLink)) 
              {
                <br/><span><a href="@Content.ResultsLink" target="_blank">See results here</a>.</span>
                }
            </div>

            @if (!String.IsNullOrEmpty(Content.PreviewImage))
            {
                <a href="#FancyDetail-@Content.EntityId" class="fancybox-video"><div class="co-play"></div><img src="@Content.PreviewImage?w=296" class="co-image" /></a>
            }
                
           
            <div style="display:none;">
                <div id="FancyDetail-@Content.EntityId" class="co-fancy-detail">
                    
                    <h3>@Content.Title</h3> 
                    <div style="margin-bottom:10px;">@Html.Raw(Content.Body)</div>
                    <div style="margin-bottom:10px;" class="wrapper"><iframe class="co-video-iframe" src="about:blank" data-src="//www.youtube.com/embed/@Content.YouTubeCode?&autoplay=1" frameborder="0" allowfullscreen></iframe></div>

                </div>
            </div>


        </div>
    </div>
            
}
</div>

Look inside

Content Item

These are the values a content-editor can manage.
Name Type Value
PreviewTitle System.String Discover Lists
PreviewText System.String <p> </p> <p>Lists are a very powerfull enhancement, enabling you to create and customize things like galleries, image-sliders, references and more.&nbsp;</p>
PreviewImage System.String
Link System.String
Target System.String Page:624


Presentation Item

These are additional, optional presentation instructions a content-editor can manage. If none are entered, a default set (predefined by the designer) will be used.

No Presentation parameters specified, using default presentation for this item.


Template file

<div class="ym-clearfix co-equalize" style="margin-bottom:35px;">
@foreach(var c in List)
{
    
    var Content = c.Content;

    
    
    <div class="ym-g50 ym-gl @if(List.IndexOf(c) %2 == 1) { <text>ym-gr</text> } sc-element @if (!String.IsNullOrEmpty(Content.Link)) {<text>co-click-box</text>}">
        <div class="ym-gbox-half">
            @Html.Raw(Content.Toolbar)
            <h3>@Content.PreviewTitle</h3> 
            <div>@Html.Raw(Content.PreviewText)</div>

           @if (!String.IsNullOrEmpty(Content.Target))
           {
           <div><a href="@Content.Target" target="@(Content.Target.StartsWith("http") ? "_blank" : "_self")" class="co-link"><span class="co-row">></span> More</a></div>
           }
           @if (!String.IsNullOrEmpty(Content.Link))
           {
           <div><a href="@Content.Link" target="@(Content.Link.StartsWith("http") ? "_blank" : "_self")" class="co-link"><span class="co-row">></span> Details</a></div>
           }



@if (!String.IsNullOrEmpty(Content.Title))
       {
       
<a href="#FancyDetail-@Content.EntityId" class="fancybox"><span class="co-row">></span> Details</a>
<div style="display:none;"><div id="FancyDetail-@Content.EntityId" style="width:620px;">

<h3>@Html.Raw(Content.Title)</h3>

<div @if (!String.IsNullOrEmpty(Content.Image)) {<text>style="width:300px; float:left;"</text>}>@Html.Raw(Content.Body)</div>

@if (!String.IsNullOrEmpty(Content.Image)) {
    <img src="/DesktopModules/ToSic_SexyContent/Extensions/Thumbnailer.aspx?Image=@Content.Image&Width=310&Height=5000" style="float:right;" />
}

</div></div>

       }

        </div>
    </div>

}
</div>
2serve . 2invent . 2create is 2be.