Documentation:Documentation Old: Difference between revisions

Documentation Old

Latest revision as of 11:54, 15 April 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

MDriven Designer

A UML modeling tool that allows you to capture sufficient details to cover every aspect of a software system.

MDriven Framework

Create model-driven, multi-layered applications that allow you to write strongly typed C# code, accessing all the types and classes from your model.

MDriven Turnkey

Develop internet applications based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure, and SQLServer.

MDriven Server

An IIS application that stores your MDriven data in a database.

Mockotype

MDrivenDesigner started in simplified mode.

OCL

The query and action language used in MDriven.

ECO

A Visual Studio Plugin that helps any .net application handle the objects of that model in memory.

This page was edited more than 9 months ago on 04/15/2024. What links here

@@ Line 1: / Line 1: @@
 <html>
 <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) {
-         .content {
+         .headerContent {
-             padding: 2em 1em;
+             padding: 2em 1em !important;
              max-width: none;
          }
          .heading {
-             font-size: 1em;
+             font-size: 1.5em !important;
          }
          .sub-heading {
@@ Line 26: / Line 47: @@
              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>
 <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 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">
                  <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>
          </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-inpu" 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>
          <input type="hidden" name="title" value="Special:SearchCenter">
@@ Line 71: / Line 86: @@
          </form>
      </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 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>
@@ Line 88: / Line 105: @@
 {{#widget:Documentation
 |image=/images/doc2.svg
-|titlelink=/index.php/Documentation:Accessing_objects_and_navigating_meta-levels_in_code
+|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.
@@ Line 118: / Line 135: @@
 {{#widget:Documentation
 |image=/images/doc1.svg
-|titlelink=/index.php/Category:ECO
+|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.
@@ Line 126: / Line 143: @@
 </div>
 </html>
+{{Edited|July|12|2024}}
+{{Class|scroll}}