Documentation Old
No edit summary
Tag: 2017 source edit
(Updated Edited template to July 12, 2025.)
 
(22 intermediate revisions by 3 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: 1em;
             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;
        }
     }
     }
.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 69:


<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>
Line 79: Line 87:
         </form>
         </form>
     </div>
     </div>
     <a href="/index.php/Documentation:Main" style="margin-left: 10px; color: black; text-decoration: underline;">or Browse Documentation</a>
     <a href="/index.php/Documentation:Documentation" style="margin-left: 10px; color: black; text-decoration: underline;">or Browse Documentation</a>
</div>
</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>
Line 136: Line 144:
</div>
</div>
</html>
</html>
{{Edited|July|12|2024}}
{{Edited|July|12|2025}}
{{Class|scroll}}
{{Class|scroll}}

Latest revision as of 05:49, 20 January 2025

This page was created by Edgar on 2023-11-01. Last edited by Edgar on 2025-01-20.

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.