Hi,
I want to make a bulletin with some visualizations and their descriptions. like I can make a standard report and then then add it’s link to the login page so anyone can see it if logged in. or somewhere else. But till now I have brought the whole tab to the screen on the right and description on the left.
Now I want only the visualization, not the whole tab.
I will share the code as well for better understanding.
Code:
<html>
<head>
<title>DHIS2 Bulletin Report</title>
</head>
<body>
<h2>Health Statistics Report</h2>
<div style="display: flex; align-items: flex-start; gap: 20px;">
<div style="flex: 1;">
<h3>Acute Respiratory Infections</h3>
<p>This visualization shows the trend of Acute Respiratory Infections.</p>
<p>Acute respiratory infections (ARIs) are a major public health concern in KPK. These infections affect the airways and can range from mild conditions like the common cold to more severe illnesses like pneumonia. The visualization tracks reported cases across different districts, helping identify patterns and areas needing intervention.</p>
<p>Key points about ARIs:</p>
<ul>
<li>Most common during winter months</li>
<li>Affects both children and adults</li>
<li>Preventable through proper hygiene and vaccination</li>
<li>Early detection and treatment is crucial</li>
</ul>
</div>
<div style="flex: 1;">
<iframe src="https://Mylink/dhis-web-data-visualizer/#/visualisation id" width="150%" height="500"></iframe>
</div>
</div>
</body>
</html>