Xataface Forums

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!

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

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.

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.