Documentation Old
No edit summary
m ((username removed) (log details removed))
 
(47 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<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: 1em;
             font-size: 1.5em !important;
         }
         }
         .sub-heading {
         .sub-heading {
Line 26: Line 47:
             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;
        }
     }
     }


.grid-container {
    display: grid;
    padding: 4em;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
  }
@media screen and (max-width: 767px) {
    .grid-container {
      grid-template-columns: 1fr;
    }
  }


@media screen and (max-width: 768px) {
    .responsive-container {
      padding-left: 1em;
    }
    .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: 2em; 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 71: Line 86:
         </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: flex; padding-left: 5em;padding-top: 5em;" class="responsive-container">
<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: 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 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>
Line 81: Line 98:
</html>
</html>
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc1.svg
|image=/images/doc1.svg
|titlelink=Part_6_openDocument_reports
|titlelink=/index.php/Documentation:MDriven_designer_overview_Part_1
|titletext=MDriven Designer
|titletext=MDriven Designer
|text=A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.
|text=A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.
}}
}}
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc2.svg
|image=/images/doc2.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:MDriven_Framework
|titletext=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.
|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
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc3.svg
|image=/images/doc3.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:Starting_with_MDriven_Turnkey
|titletext=MDriven Turnkey
|titletext=MDriven Turnkey
|text=Develop internet applications based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure, and SQLServer.
|text=Develop internet applications based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure, and SQLServer.
}}
}}
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc4.svg
|image=/images/doc4.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:MDriven_Server_Introduction
|titletext=MDriven Server
|titletext=MDriven Server
|text=An IIS application that stores your MDriven data in a database.
|text=An IIS application that stores your MDriven data in a database.
}}
}}
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc5.svg
|image=/images/doc5.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:Mockotype
|titletext=Mockotype
|titletext=Mockotype
|text=MDrivenDesigner started in simplified mode.
|text=MDrivenDesigner started in simplified mode.
}}
}}
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc1.svg
|image=/images/doc1.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:Part_1_OCL_Common_Expressions
|titletext=OCL
|titletext=OCL
|text=The query and action language used in MDriven.
|text=The query and action language used in MDriven.
}}
}}
{{#widget:Documentation
{{#widget:Documentation
|image=https://newwiki.mdriven.net/images/doc1.svg
|image=/images/doc1.svg
|titlelink=Documentation
|titlelink=/index.php/Documentation:Introduction_to_ECO
|titletext=ECO
|titletext=ECO
|text=A Visual Studio Plugin that helps any .net application handle the objects of that model in memory.
|text=A Visual Studio Plugin that helps any .net application handle the objects of that model in memory.
Line 126: Line 143:
</div>
</div>
</html>
</html>
{{Edited|July|12|2024}}
{{Class|scroll}}

Latest revision as of 11:54, 15 April 2024

Documentation
Technical Documentation
Search for comprehensive articles related to your ideas.
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 36 days ago on 04/15/2024. What links here