You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@metron.apache.org by Hema malini <nh...@gmail.com> on 2020/03/13 12:13:15 UTC

Vertical scroll bar is missing in metron alerts ui

Hi,

When I added a customized data source , vertical scroll bar is missing in
metron alerts ui. For bro data source , vertical scroll bar  is there but
when I change the data source , scroll bar is missing.
Thanks,
Hema

Re: Vertical scroll bar is missing in metron alerts ui

Posted by Hema malini <nh...@gmail.com>.
Hi Nick,

Please find the screen shot below. Though the configured nearly 8 columns ,
only few columns are shown up in the display. There is no scroll bar also
to check for the remaining columns. After checking the  code , found that ,
based on the display size , number of columns to be displayed are
calculated. Please let me know why it has been configured like that.
Planning to comment the code and redeploy . Please confirm whether it would
cause any issues.

Screenshot -
[image: image.png]

Code
-----------

File -
https://github.com/apache/metron/blob/master/metron-interface/metron-alerts/src/app/alerts/alerts-list/alerts-list.component.ts

calcColumnsToDisplay() {
let availableWidth = document.documentElement.clientWidth - (200 + (15 + 15
+ 25)); /* screenwidth - (navPaneWidth + (paddings))*/
availableWidth = availableWidth - ((20 * 3) + 55 + 25); /* availableWidth -
(score + colunSelectIcon +selectCheckbox )*/
let tWidth = 0;
this.alertsColumnsToDisplay = this.alertsColumns *//code to comment*
*.**filter(colMetaData
=> {*
* if (colMetaData.type.toUpperCase() === 'DATE') {*
* tWidth += 140;*
* } else if (colMetaData.type.toUpperCase() === 'IP') {*
* tWidth += 120;*
* } else if (colMetaData.type.toUpperCase() === 'BOOLEAN') {*
* tWidth += 50;*
* } else {*
* tWidth += 130;*
* }*
//
return tWidth < availableWidth;
});
}
Thanks and Regards
Hema

On Sat, 14 Mar 2020 at 02:47, Nick Allen <ni...@nickallen.org> wrote:

> I am not sure what you mean.  A screenshot might be helpful showing it
> work for one data source and not the other.
>
> On Fri, Mar 13, 2020 at 8:14 AM Hema malini <nh...@gmail.com>
> wrote:
>
>> Hi,
>>
>> When I added a customized data source , vertical scroll bar is missing in
>> metron alerts ui. For bro data source , vertical scroll bar  is there but
>> when I change the data source , scroll bar is missing.
>> Thanks,
>> Hema
>>
>

Re: Vertical scroll bar is missing in metron alerts ui

Posted by Nick Allen <ni...@nickallen.org>.
I am not sure what you mean.  A screenshot might be helpful showing it work
for one data source and not the other.

On Fri, Mar 13, 2020 at 8:14 AM Hema malini <nh...@gmail.com> wrote:

> Hi,
>
> When I added a customized data source , vertical scroll bar is missing in
> metron alerts ui. For bro data source , vertical scroll bar  is there but
> when I change the data source , scroll bar is missing.
> Thanks,
> Hema
>

Re: Vertical scroll bar is missing in metron alerts ui

Posted by Hema malini <nh...@gmail.com>.
Hi All,

Is it configurable based on data source?

Thanks and Regards,
Hema

On Fri, 13 Mar, 2020, 5:43 PM Hema malini, <nh...@gmail.com> wrote:

> Hi,
>
> When I added a customized data source , vertical scroll bar is missing in
> metron alerts ui. For bro data source , vertical scroll bar  is there but
> when I change the data source , scroll bar is missing.
> Thanks,
> Hema
>