Documentation Old
No edit summary
(Replacing message template with parser tag)
 
(76 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<message>Write the content here to display this box</message>
<html>
<html>
<style>
<style>
.mw-parser-output > *:first-child {
/* margin-right: 200px */
display: none;
}
.grid-container {
    display: grid;
    padding: 2em 5em;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
  }
.documentation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
     @media (max-width: 767px) {
     @media (max-width: 767px) {
         .content {
         .headerContent {
             padding: 2em 1em;
             padding: 2em 1em !important;
             max-width: none;
             max-width: none;
         }
         }
         .heading {
         .heading {
             font-size: 1.5em;
             font-size: 1.5em !important;
         }
         }
         .sub-heading {
         .sub-heading {
Line 26: Line 48:
             padding-right: 1em;
             padding-right: 1em;
         }
         }
      .grid-container {
            grid-template-columns: 1fr;
            padding: 2rem 1em;
           
        }
        .responsive-container {
            padding-left: 1em !important;
            padding-right: 1em;
            padding-top: 2rem !important;
            padding-bottom: 0px;
        }
        .responsive-text {
          width: auto;
          font-size: 12px;
        }
     }
     }
</style>
</style>


<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
   <div class="content" style="padding: 5em;  width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
   <div class="headerContent" style="padding: 5em;  width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
<div style="color: #44546F;">Documentation</div>
<div style="color: #44546F;">Documentation</div>
    <div class="heading" style="color: #182933; font-size: 2.25em; font-weight: 700; text-transform: uppercase; ">Technical Documentation</div>
<div class="heading" style="color: #182933; font-size: 2em; font-weight: 700; text-transform: uppercase;">Technical Documentation</div>
    <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Search for comprehensive articles related to your ideas. </div>
<div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Search for comprehensive articles related to your ideas.</div>
    <div class="input-container" style="max-width: 589px; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
<div class="input-container" style="max-width: 589px; height: auto; position: relative; display: flex; align-items: center; justify-content: space-between; background: white; border-radius: 4px; border: 1px solid #E3E8EE; padding: 10px;">
         <div class="search-icon" style="margin-left: 10px;">
    <div style="display: flex; align-items: center; flex-grow: 1;">
         <div class="search-icon" style="margin-right: 10px;">
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
                 <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                 <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
             </svg>
             </svg>
         </div>
         </div>
    <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
        <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
         <input class="search-input" type="search" placeholder="Search documentation" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
         <input class="search-input" type="search" placeholder="Search MDriven Learn" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
     <div id="suggestion-container"></div>
     <div id="suggestion-container"></div>
         <input type="hidden" name="title" value="Special:SearchCenter">
         <input type="hidden" name="title" value="Special:SearchCenter">
Line 47: Line 87:
         </form>
         </form>
     </div>
     </div>
  </div>
    <a href="/index.php/Documentation:Documentation" style="margin-left: 10px; color: black; text-decoration: underline;">or Browse Documentation</a>
</div>
</div>
</div>
</div>


<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex; padding:5em;">
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; padding-left: 5em; padding-top: 2em;" class="responsive-container">
   <div style="color: #182933; font-size: 20px; font-weight: 500; word-wrap: break-word">Products directory</div>
   <div style="color: #182933; font-size: 20px; font-weight: 500; word-wrap: break-word">Products Directory</div>
   <div style="width: 589px; color: black; font-size: 14px; font-family: Outfit; font-weight: 400; word-wrap: break-word">Discover more about MDriven products through articles and videos</div>
   <div style="width: 100%; max-width: 589px; color: black; font-size: 14px; font-family: Outfit, sans-serif; font-weight: 400; word-wrap: break-word;" class="responsive-text">Discover more about MDriven products through articles and videos</div>
</div>
</div>
<div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto); box-sizing: border-box;" class="grid-container">
<div class="grid-container">
</html>
</html>
{{#widget:Card|heading=Training|imageIcon=https://newwiki.mdriven.net/images/main1.svg|subheading=Learn by doing|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=#|linktext=Take Training}}
{{#widget:Documentation
{{#widget:Card|heading=Documentation|imageIcon=https://newwiki.mdriven.net/images/main2.svg|subheading=Find technical documentation|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=#|linktext=Read documentation}}
|image=/images/doc1.svg
{{#widget:Card|heading=Q&A|imageIcon=https://newwiki.mdriven.net/images/main1.svg|subheading=Ask questions and get help|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=Your Link|linktext=Explore Q&A}}
|titlelink=/index.php/Documentation:MDriven_designer_overview_Part_1
{{#widget:Card|heading=Model examples|imageIcon=https://newwiki.mdriven.net/images/main3.svg|subheading=Try model examples|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=Your Link|linktext=Browse samples}}
|titletext=MDriven Designer
{{#widget:Card|heading=Best practices|imageIcon=https://newwiki.mdriven.net/images/main4.svg|subheading=Explore effective solutions|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=Your Link|linktext=See best practices}}
|text=A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.
{{#widget:Card|heading=Releases|imageIcon=https://newwiki.mdriven.net/images/main5.svg|subheading=See what MDriven has to offer|text=At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.|link=Your Link|linktext=See latest MDriven news}}
}}
{{#widget:Documentation
|image=/images/doc2.svg
|titlelink=/index.php/Documentation:MDriven_Framework
|titletext=MDriven Framework
|text=Create model-driven, multi-layered applications that allow you to write strongly typed C# code, accessing all the types and classes from your model.
}}
{{#widget:Documentation
|image=/images/doc3.svg
|titlelink=/index.php/Documentation:Starting_with_MDriven_Turnkey
|titletext=MDriven Turnkey
|text=Develop internet applications based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure, and SQLServer.
}}
{{#widget:Documentation
|image=/images/doc4.svg
|titlelink=/index.php/Documentation:MDriven_Server_Introduction
|titletext=MDriven Server
|text=An IIS application that stores your MDriven data in a database.
}}
{{#widget:Documentation
|image=/images/doc5.svg
|titlelink=/index.php/Documentation:Mockotype
|titletext=Mockotype
|text=MDrivenDesigner started in simplified mode.
}}
{{#widget:Documentation
|image=/images/doc1.svg
|titlelink=/index.php/Documentation:Part_1_OCL_Common_Expressions
|titletext=OCL
|text=The query and action language used in MDriven.
}}
{{#widget:Documentation
|image=/images/doc1.svg
|titlelink=/index.php/Documentation:Introduction_to_ECO
|titletext=ECO
|text=A Visual Studio Plugin that helps any .net application handle the objects of that model in memory.
}}
 
<html>
<html>
 
</div>
</html>
</html>
{{Edited|July|12|2024}}
{{Class|scroll}}

Latest revision as of 07:41, 17 June 2024

Documentation
Technical Documentation
Search for comprehensive articles related to your ideas.
or Browse Documentation
Products Directory
Discover more about MDriven products through articles and videos
Image
A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.
Image
Create model-driven, multi-layered applications that allow you to write strongly typed C# code, accessing all the types and classes from your model.
Image
Develop internet applications based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure, and SQLServer.
Image
An IIS application that stores your MDriven data in a database.
Image
MDrivenDesigner started in simplified mode.
Image
OCL
The query and action language used in MDriven.
Image
ECO
A Visual Studio Plugin that helps any .net application handle the objects of that model in memory.


This page was edited 95 days ago on 06/17/2024. What links here
Retrieved from "https://learn.mdriven.net/index.php?title=Documentation:Documentation_Old&oldid=20705"

© MDRIVEN . All Rights Reserved

API Docs
MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

© MDRIVEN . All Rights Reserved