Jump to: navigation, search

Difference between revisions of "Template:RoadmapOverview"


(Replaced with dynamic templated grids)
Line 1: Line 1:
 +
<!--class="wikitable"-->
 +
{|  style="width: 100%; border-color:#ffffff; margin:8px;"
 +
| Product Roadmap
 +
| style="text-align:right; float:right; margin-right:16px" | [[Version_4.4_(WinX)#4_4|Links to details]]
 +
|}
  
 
+
<!--class="wikitable"-->
<!--VERSION: Roadmap-->
+
{| style="width: 100%; border-color=#ffffff;"
<div style="display: flex; justify-content: space-between; align-items: center; font-size: 23px; flex-wrap: wrap;">
+
|-  
    <p style="margin-right: 10px;">'''Product Roadmap'''</p>
+
| style="width: 25%; background: #f5f5f5; padding: 8px;" | Latest
    <div style="display: flex; align-items: center;">
+
| style="width: 25%; background: #f5f5f5; padding: 8px" | Next
        <div style="display: flex; align-items: center;">
+
| colspan="2" style="width: 50%; background: #f5f5f5; padding: 8px" | Future Planned Releases
            <p style="margin-right: 10px;">All v4 Releases</p>
+
|-
            <p style="margin: 0;">|</p>
+
| style="vertical-align:top; padding:8px; padding-right:40px;" | {{RoadmapOverviewItem| version=v4.4 | link=[[Version_4.4_(WinX)#4_4|View details]] | date=12.04.23 | full=#8cce59 |
            <p style="margin-left: 10px;">All Older Releases</p>
+
: Developer Mode. {{RoadmapChip | full=#96a3d9 | Mobile }}
        </div>
+
: Dynamic Live Mode (DLM).
    </div>
+
: In-PDF Searching.
</div>
+
}}
 
+
| style="vertical-align:top; padding:8px; padding-right:40px;" | {{RoadmapOverviewItem| version=v4.5 | link=[[Version_4.4_(WinX)#4_4|View details]] | date=01.09.23 | partial=#8cce59 |
<div style="display: flex; background-color: #FFFFFFFF; justify-content: space-evenly; flex-wrap: wrap;">
+
: Developer Mode 2. {{RoadmapChip | partial=#96a3d9 | iOS}}
    <!--VERSION: Latest Release-->
+
: Dynamic Live Mode (DLM) v2.
    <div style="left: 0px; border-radius: 2px; background-color: #F5F5F5; margin: 10px; display: flex; flex-direction: column; min-height: 100px;">
+
: In-PDF Searching v2 EXTREME.
        <p style="font-size: 23px; padding-left: 14px; padding-right: 50px; padding-top: 10px;">'''Latest Release'''</p>
+
}}
        <div style="background-color: #FFFFFF; padding-right: 20px; flex-grow: 1; display: flex; flex-direction: column;">
+
| style="vertical-align:top; padding:8px; padding-right:40px;" | {{RoadmapOverviewItem| version=v4.6 | date=tbd |
            <div style="display: flex; align-items: center;">
+
: tbd.
                <p style="font-size: 23px; padding-left: 14px; flex: 1; margin: 0;">'''v4.3'''</p>
+
}}
                <div style="margin-left: auto; border-radius: 2px; width: 68px; height: 22px; background-color: #8CCE59; text-align: center;">
+
| style="vertical-align:top; padding:8px; padding-right:40px;" | {{RoadmapOverviewItem| link=bla | version=v4.7 | date=tbd |
                    <p style="font-size: 13px; line-height: 22px; margin: 0;">'''12.04.23'''</p>
+
: tbd.
                </div>
+
}}
            </div>
+
|}
            <div style="display: flex;">
+
                <p style="padding-left: 14px; font-size: 13px;">'''Developer Mode.'''</p>
+
                <div style="display: block; margin-left: 10px; width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                </div>
+
            </div>
+
            <div style="display: flex;">
+
                <p style="padding-left: 14px; font-size: 13px;">'''Dynamic Live Mode (DLM).'''</p>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                </div>
+
            </div>
+
            <div style="display: flex;">
+
                <p style="padding-left: 14px; font-size: 13px;">'''In-PDF Searching.'''</p>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                </div>
+
            </div>
+
            <p style="padding-left: 14px; font-size: 13px; margin: 0;">'''View Details'''</p>
+
        </div>
+
    </div>
+
    <!--VERSION: Latest Release-->
+
    <!--VERSION: Next Release-->
+
    <div style="left: 0px; border-radius: 2px; background-color: #F5F5F5; margin: 10px; display: flex; flex-direction: column; min-height: 100px;">
+
        <p style="font-size: 23px; padding-left: 14px; padding-right: 50px; padding-top: 10px;">'''Next Release'''</p>
+
        <div style="background-color: #FFFFFF; padding-right: 20px; flex-grow: 1; display: flex; flex-direction: column;">
+
            <div style="display: flex;">
+
                <p style="padding-left: 14px; padding-top: 5px; font-size: 23px;">'''v4.4'''</p>
+
                <div style="margin-left: 147px; margin-top: 10px; border-radius: 2px; width: 68px; height: 22px; border: 2px solid #8CCE59;">
+
                    <p style="padding-left: 8px; padding-top: 1px; font-size: 13px;">'''Q3 2023'''</p>
+
                </div>
+
            </div>
+
            <div style="display: flex;">
+
                <p style="padding-left: 14px; font-size: 13px;">'''Signature.'''</p>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                </div>
+
                <div style="display: block; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                </div>
+
            </div>
+
            <div style="display: flex;">
+
                <p style="padding-left: 14px; font-size: 13px;">''' '''</p>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                </div>
+
                <div style="display: none; margin-left: 10px; width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                    <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                </div>
+
            </div>
+
            <p style="padding-left: 14px; font-size: 13px;">'''View Details'''</p>
+
        </div>
+
    </div>
+
    <!--VERSION: Next Release-->
+
    <!--VERSION: Future Planned Releases-->
+
    <div style="left: 0px; border-radius: 2px; background-color: #F5F5F5; margin: 10px;">   
+
        <p style="font-size: 23px; padding-left: 14px; padding-right: 50px; padding-top: 10px;">'''Future Planned Releases'''</p>
+
        <div style="display: flex; width: 100%; height: 100%;">
+
            <div style="background-color: #FFFFFFFF; padding-right: 20px; width: 100%; height: 100%;">
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; padding-top: 5px; font-size: 23px;">'''v4.5'''</p>
+
                    <p style="padding-left: 10px; padding-top: 15px; font-size: 13px;">'''2024'''</p>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px; flex-wrap: none;">'''Cool Feature.'''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: block; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px;">'''Exciting Feature!'''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px;">''' '''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
                <p style="padding-left: 14px; font-size: 13px;">'''View Details'''</p>
+
            </div>
+
            <div style="padding-left: 50px; height: 100%; background-color: #FFFFFFFF;">
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; padding-top: 5px; font-size: 23px;">'''v4.6'''</p>
+
                    <p style="padding-left: 10px; padding-top: 15px; font-size: 13px;">'''tbd.'''</p>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px;">'''A Feature.'''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px;">''' '''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
                <div style="display: flex;">
+
                    <p style="padding-left: 14px; font-size: 13px;">''' '''</p>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
+
                    </div>
+
                    <div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
+
                        <p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
    </div>
+
    <!--VERSION: Future Planned Releases-->
+
 
+
    <div style="padding: 10px;"></div>
+
</div>
+
 
+
<!--VERSION: Roadmap-->
+
 
+
<!-- DIV: SPACER ROW -->
+
<div  id="mainPageDiv" >&nbsp;</div>
+
<!-- DIV: SPACER ROW -->
+
 
+
<!-- DIV: BOX 1 -->
+
<div class="table" style="width:100%;border: none;background: #fff;">
+
<!-- DIV: BOX 1 TABLE ROW -->
+
<div class="tableRow">
+
 
+
</div>
+
<!-- DIV: BOX 1 TABLE ROW -->
+
</div>
+
<!-- DIV: BOX 1 -->
+
 
+
<br />
+

Revision as of 09:38, 7 August 2023

Product Roadmap Links to details
Latest Next Future Planned Releases

vv4.4

12.04.23

tbd.


View details


vv4.5

01.09.23

tbd.


View details


vv4.6

tbd

tbd.


View details


vv4.7

tbd

tbd.


bla