Dashboard 2 horizontal scrolling in bound html page

Dashboard
1

Hi I am viewing Grafana graphs on my mobile phone using templates and binding to html.
Before migration to DB2 I set iframe width to 600 and was able to scroll horizontally. I cannot recreate this in DB2

2

You haven't pointed out anything about what is missing for you but basics should go something like this

You need to use the ui_template node to create the iframe and then you style it as you need. And then make the div containig that iframe to have scroll in x-direction.

<template>       
    <iframe class="x-scrollable" src="your-content-source" ></iframe>
</template>


<style>
    
    .x-scrollable{
        width:800px;
        /*definitely should have more styles for the iframe*/        
    }
    div:has(> .x-scrollable){
        overflow-x:scroll;
    }
</style>
3

That works perfectly... thanks

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.