DataPage with Search Form and Result side by side

[Hanne]

Hi!

When I am making a DataPage with a Search Form and Result,  the Result is placed underneath the Search Form or on a separate page. Is there a way to display the Search Form (in one column) and the Result  (in a list view)  side by side horizontally (as illustrated in the picture)? I think I might have to have two DataPages to make this possible. I would be happy if there is an easier way.

Many thanks!

[cheonsa]

Hello @Hanne,

To display the Results page beside the Search form, simply paste this code on the Footer of your Results Page:

<style>

div[id^="cbDataAjaxCtnr"]{
display:inline-block !important;
float:left;
}

#cbTable{
float:left;
width:500px;
}

</style>

Disable the HTML editor first before adding the code. 

 

Hope this helps!

[Hanne]

Thank you @cheonsa

It worked like a charm

 

Cheers!

[SushiPizza]

Hi,

I just wanted to add another approach that does not require you to set the width. The "Enable Responsive" option should be selected for it to work:

<style>
  div[id^="GridRootCtnr"] > article {
    float: left;
  }
  div[id^="cbDataAjax"] > article {
    overflow: scroll;
  }
</style>

Regards,
SP