Skip to content
Snippets Groups Projects
Commit 34fef3e0 authored by Saad bin Abid's avatar Saad bin Abid
Browse files

fixed layout issues for requirements and requirements_analysis htmls. 

Issue-Ref: 4007
Issue-Url: https://af3-developer.fortiss.org/issues/4007



Signed-off-by: default avatarSaad bin Abid <abid@fortiss.org>
parent bfff392b
No related branches found
No related tags found
1 merge request!31Task 4006 online help content
This commit is part of merge request !31. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
org.fortiss.af3.rcp.help/html/requirements/MIRA.requirements.html
+ 18
− 16
View file @ 34fef3e0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
Documentation of MIRA - Model-based Integrated Requirements Analysis.
@author abid
@ConQAT.Rating GREEN Hash: 850E39092E4DF6F9EEB6D26D886BEF68
-->
<!-- Documentation of MIRA - Model-based Integrated Requirements. -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="header">
<div class="box">
<div class="navbar">
<a href="https://www.fortiss.org/" align="left">
<!--a href="https://www.fortiss.org/" align="left">
<img src="fortiss-logo.png" width="90px" height="20px" align="left">
</a>
</a-->
<div class="dropdown">
<button class="btn"><i class="fa fa-bars"></i></button>
<button class="btn" id="hamburger">
<label for="hamburger" class="hamburger">
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
</label>
</button>
<div class="dropdown-content">
<a href="../getting_started.html"> Main Page</a>
<a href="#">Modeling and Simulation</a>
......@@ -32,9 +32,9 @@
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Requirements Engineering <i class="fa fa-caret-down"></i></button>
<button class="dropbtn">Requirements Engineering <i class="triangle"></i></button>
<div class="dropdown-content">
<a href="MIRA.requirements_analysis.html">Requirements Analysis</a>
<a href="MIRA.requirements_analysis.html">Requirements Analysis</a>
<a href="MIRA.glossary.html">Glossary Creation</a>
</div>
</div>
......@@ -48,7 +48,7 @@
</div>
<div class="box">
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<button onclick="topFunction()" id="upBtn" title="Go to top">Top</button>
<h2>Create a Requirements Node</h2>
......@@ -77,20 +77,22 @@
<p>To add a new requirement, open the context menu of the requirements node. You can choose between the following requirement types:</p>
<p><img src="./pictures/MIRA.Requirements.NewRequirement.png" >
</div>
<!-- TODO (SB): Move to separate .js file -->
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
var upButton = document.getElementById("upBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
upButton.style.display = "block";
} else {
mybutton.style.display = "none";
upButton.style.display = "none";
}
}
......
org.fortiss.af3.rcp.help/html/requirements/MIRA.requirements_analysis.html
+ 20
− 21
View file @ 34fef3e0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
Documentation of MIRA - Model-based Integrated Requirements Analysis.
@author abid
@ConQAT.Rating GREEN Hash: 850E39092E4DF6F9EEB6D26D886BEF68
-->
<!-- Documentation of MIRA - Model-based Integrated Requirements Analysis. -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="header">
<div class="box">
<div class="navbar">
<a href="https://www.fortiss.org/" align="left">
<!--a href="https://www.fortiss.org/" align="left">
<img src="fortiss-logo.png" width="90px" height="20px" align="left">
</a>
</a-->
<div class="dropdown">
<button class="btn"><i class="fa fa-bars"></i></button>
<button class="btn" id="hamburger">
<label for="hamburger" class="hamburger">
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
<span class="hamburgerLine"></span>
</label>
</button>
<div class="dropdown-content">
<a href="../getting_started.html"> Main Page</a>
<a href="#">Modeling and Simulation</a>
......@@ -32,14 +32,14 @@
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Requirements Engineering <i class="fa fa-caret-down"></i></button>
<button class="dropbtn">Requirements Engineering <i class="triangle"></i></button>
<div class="dropdown-content">
<a href="MIRA.glossary.html">Glossary Creation</a>
<a href="MIRA.requirements.html">Requirements Creation</a>
</div>
<a href="MIRA.glossary.html">Glossary Creation</a>
<a href="MIRA.requirements.html">Requirements Creation</a>
</div>
</div>
<div class="topnav-right">
<a href="mailto:af_user@lists.fortiss.org?subject=Reporting 'MIRA.requirements_analysis.html'
<a href="mailto:af_user@lists.fortiss.org?subject=Reporting 'MIRA.requirements_analysis.html'
Documentation Problem!&body= Dear Af3 team, I am reporting an issue related to requirements_analysis Page.
{Please specify the problem precisely here.}.">Report a Problem?</a>
</div>
......@@ -49,7 +49,7 @@
</div>
<div class="box">
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<button onclick="topFunction()" id="upBtn" title="Go to top">Top</button>
<h2>Create a Requirements Analysis Node</h2>
<p>To create a new <i>Requirements Analysis Node</i> in project, open the context menu of the project by right-clicking on the project and select <i>Requirements Analysis</i>.</p>
......@@ -63,22 +63,21 @@
<p>The list of requirements can be sorted by clicking on the column headers of the overview list.
You can filter the requirements by inserting filter text in the filter section. Double-clicking on a requirement opens the corresponding requirement.</p>
</div>
<!-- TODO (SB): Move to separate .js file -->
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
var upButton = document.getElementById("upBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
upButton.style.display = "block";
} else {
mybutton.style.display = "none";
upButton.style.display = "none";
}
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment