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 36 days 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: 5em;
-    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;
-    }
-  }
-.documentation-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-}
@@ Line 61: / Line 68: @@
 <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="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; justify-content: center; background: white; border-radius: 4px; border: 1px solid #E3E8EE; padding-left: 10px; padding-right: 10px;">
+<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="position: absolute; left: 15px;">
+    <div style="display: flex; align-items: center; flex-grow: 1;">
-        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+        <div class="search-icon" style="margin-right: 10px;">
-            <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 xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
-         </svg>
+                <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%;">
+        <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">
+            <input type="hidden" name="fulltext" value="1">
+        </form>
      </div>
-     <form id="bs-extendedsearch-box" action="/index.php" method="GET" role="search" style="width: 100%; position: relative;">
+     <a href="/index.php/Documentation:Documentation" style="margin-left: 10px; color: black; text-decoration: underline;">or Browse Documentation</a>
-        <input class="search-input" type="search" placeholder="Search documentation" name="raw_term" style="width: 100%; border: none; outline: none; padding-left: 35px; padding-right: 150px;">
+</div>
-        <input type="hidden" name="title" value="Special:SearchCenter">
-        <input type="hidden" name="fulltext" value="1">
-        <!-- Positioned link inside the search container -->
-        <a href="/path/to/documentation" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: black; text-decoration: underline;">or Browse Documentation</a>
-    </form>
 </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="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>