Vertical vs Horizontal Layout for Results . . . Once More…

Archived from the Xataface Users forum.

lhat — Tue Oct 04, 2011 5:04 pm

Hi,

Though I’ve reviewed the other postings on the topic, I haven’t been able to resolve this issue: we need to show a list result in vertical layout, much like the View that becomes available after selecting a record. The suggestion has been made to change this result-view with a custom stylesheet, using these descriptors:

div.resultlist-filters ul li { display: inline; list-style-type: none; list-style-image:none}
div.resultlist-filters h3 { display: inline; font-size: 12px; color: #444}
div.resultlist-filters ul { display: inline}

But I’ve added these to my custom style sheet shifting the display properties to block, inline-block, and even list-item, but the horizontal table remains on display. So I must not be understanding how these descriptors would apply to the table used to display results.

Pointers and suggestions most welcome!

---

shannah — Wed Oct 05, 2011 9:29 am

I think the best thing here is to create a custom action and lay things out with your own template. Trying to turn a horizonal table into a vertical table with CSS would be quite difficult…. so difficult that if you are able to do it successfully you could probably publish your results in an academic journal.

-Steve

---

lhat — Wed Oct 05, 2011 11:45 am

Thanks, Steve–I had pretty much arrived at the same conclusion and have some good recent practice building a custom action. To save time, I’d like to adapt an existing template to my new vertical layout, but I’m not sure which template would serve best as a starting point–any suggestions?

For instance, as I look at the Dataface_List_View.html template, it seems that only {result_list} refers specifically to the laying in of the results of the query. This template references Dataface_Main_Template.html, and there I find {record_content}; but I’m not seeing–or recognizing–what controls the layout. So looking round in the xataface directory, I noticed xf/html/QuickForm/table.php, which looks as though it might have some bearing on the layout, or perhaps xf/Dataface/ResultList.php, which does as well–but at the same time, these look as though they’re lower down than I really need to go.

As you can see, I must be barking up the wrong tree, so it would help to have a map or trail showing how one gets from result data to layout-on-screen–and if that’s already in the Wiki or the docs, just a pointer would be great.

---

ADobkin — Thu Oct 06, 2011 2:31 pm

There are some links/pages in the Getting Started tutorial that may help.

Getting Started with Xataface
http://www.xataface.com/documentation/t … ng_started

See #13 - #15 down at the bottom. In particular, #13:
http://www.xataface.com/documentation/t … k-and-feel

At the bottom of that page, there is a link to a more in-depth tutorial, which explains what the individual templates do and how to customize/extend them:
http://www.xataface.com/documentation/t … k-and-feel

Good luck! If you create some nice new templates, please consider sharing how or what you did here.