You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

LowCode projesinde; LDP sayfasının Razor Layout içinde kullanılmasını sağlayan bir yapı da desteklenmektedir. Razor layout ile oluşturulan cshtml içinde istenilen kod yazılır. LDP sayfası da RenderBody kısmında gösterilir. 

Aşağıdaki adımları gösterilen örnek projeye RazorLayoutSample_Release092023.rar linkinden erişebilirsiniz.

1. Bir LDP projesi oluşturulur. Projeye sağ tıklanır. Add→ New Item tıklanır. "Razor Layout" seçilir.

3."_Layout.cshtml" sayfasında istenilen tasarım için kodlama gerçekleştirilir.

_Layout.cshtml kod örneği 
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <style>
    /* Style the header */
    header {
        background-color: #C4CDF6;
        padding: 18px;
        font-size: 15px;
        color: whitesmoke;
    }
    </style>
</head>
<body>
    <h2>Low Code Application</h2>
    <p>In this example, LDP pages are used in razor layout.</p>
    <header>
        <h2>LDP Page Header</h2>
    </header>
    <div>
        @RenderBody()
    </div>
</body>
</html>



4. .Yeni bir LDP sayfası oluşturulur. "DesignLayout" özelliklerinden "LayoutName" özelliği seçilir. 


5. Proje çalıştırıldığında aşağıdaki şekilde Layout içinde ldpf sayfası görüntülenmektedir.

Sayfa tek başına da çalıştırıldığında aşağıdaki şekilde bir görünüm elde edilir. 

http://localhost:5000/Page1