Result List
Default
The default result list shows all the fields
id
937
firstname
Bob
surname
Dylan
born
1941-05-24T00:00:00
born_lat
46.8
born_lon
-92.1
born_coords
46.8,-92.1
Country of birth
USA
born_countrycode
US
born_city
Duluth, MN
gender
Male
facialhair
moustache
year
2016
Prize Category
literature
share
1
motivation
"for having created new poetic expressions within the great American song tradition"
age
75
75
type
laureate
award_id
937-2016-literature
prize_id
2016-literature
_version_
1548651151257239600
score
1
full_name
Bob Dylan
photo_url
assets/avatars/a.jpg
photo
assets/img2.jpg
details_url
/#/laureates/937
affiliation_address
,
<search:result-list response="smallResponse"></search:result-list>
List
Full width list of results
<search:result-list response="smallResponse">
<search:result>
<layout:grid>
<layout:block md="1-4" padding-right="1">
<img src="{{ result | field:'photo' | actual }}" alt="">
</layout:block>
<layout:block md="3-4">
<search:field name="full_name" styling="title"></search:field>
<search:field name="year" label="Year" styling="label-inline"></search:field>
<search:field name="gender" label="Gender" styling="label-inline"></search:field>
<search:field name="Prize Category" styling="label-inline"></search:field>
<br>
<search:field name="motivation" styling="description"></search:field>
<search:field name="details_url" styling="url description" prefix="http://nobel.divedeeper.io" urlfield="details_url" url-prefix="http://nobel.divedeeper.io"></search:field>
</layout:block>
</layout:grid>
</search:result>
</search:result-list>
Cards
Result cards that can be shown in a row
-
Bob Dylan
Year
2016
Gender
Male
Prize Category
literature
"for having created new poetic expressions within the great American song tradition"
-
Karl Ferdinand Braun
Year
1909
Gender
Male
Prize Category
physics
"in recognition of their contributions to the development of wireless telegraphy"
-
Luis F. Leloir
Year
1970
Gender
Male
Prize Category
chemistry
"for his discovery of sugar nucleotides and their role in the biosynthesis of carbohydrates"
-
Bernardo Alberto Houssay
Year
1947
Gender
Male
Prize Category
medicine
"for his discovery of the part played by the hormone of the anterior pituitary lobe in the metabolism of sugar"
-
Sir Frank Macfarlane Burnet
Year
1960
Gender
Male
Prize Category
medicine
"for discovery of acquired immunological tolerance"
-
Sir John Carew Eccles
Year
1963
Gender
Male
Prize Category
medicine
"for their discoveries concerning the ionic mechanisms involved in excitation and inhibition in the peripheral and central portions of the nerve cell membrane"
-
Barry J. Marshall
Year
2005
Gender
Male
Prize Category
medicine
"for their discovery of the bacterium Helicobacter pylori and its role in gastritis and peptic ulcer disease"
-
J. Robin Warren
Year
2005
Gender
Male
Prize Category
medicine
"for their discovery of the bacterium Helicobacter pylori and its role in gastritis and peptic ulcer disease"
-
Brian P. Schmidt
Year
2011
Gender
Male
Prize Category
physics
"for the discovery of the accelerating expansion of the Universe through observations of distant supernovae"
-
Victor Franz Hess
Year
1936
Gender
Male
Prize Category
physics
"for his discovery of cosmic radiation"
<search:result-list response="response" styling="cards-md-2 cards-xl-3">
<search:result>
<layout:grid>
<layout:block md="1-4" padding-right="1">
<img src="{{ result | field:'photo' | actual }}" alt="">
</layout:block>
<layout:block md="3-4">
<search:field name="full_name" styling="title"></search:field>
<search:field name="year" label="Year" styling="label-inline"></search:field>
<search:field name="gender" label="Gender" styling="label-inline"></search:field>
<search:field name="Prize Category" styling="label-inline"></search:field>
<br>
<search:field name="motivation" styling="description"></search:field>
<search:field name="details_url" styling="url description" prefix="http://nobel.divedeeper.io" urlfield="details_url" url-prefix="http://nobel.divedeeper.io" target="_blank"></search:field>
</layout:block>
</layout:grid>
</search:result>
</search:result-list>
Card Emphasis
A result card with a little more border
<search:result-list response="smallResponse" styling="cards-md-2">
<search:result styling="card-emphasis">
<layout:grid>
<layout:block md="1-4" padding-right="1">
<img src="{{ result | field:'photo' | actual }}" alt="">
</layout:block>
<layout:block md="3-4">
<search:field name="full_name" styling="title"></search:field>
<search:field name="year" label="Year" styling="label-inline"></search:field>
<search:field name="gender" label="Gender" styling="label-inline"></search:field>
<search:field name="Prize Category" styling="label-inline"></search:field>
<br>
<search:field name="motivation" styling="description"></search:field>
<search:field name="details_url" styling="url description" prefix="http://nobel.divedeeper.io" urlfield="details_url" url-prefix="http://nobel.divedeeper.io" target="_blank"></search:field>
</layout:block>
</layout:grid>
</search:result>
</search:result-list>
Card Shadow
Add a small drop shadow
<search:result-list response="smallResponse" styling="cards-md-2">
<search:result styling="card-shadow">
<layout:grid>
<layout:block md="1-4" padding-right="1">
<img src="{{ result | field:'photo' | actual }}" alt="">
</layout:block>
<layout:block md="3-4">
<search:field name="full_name" styling="title"></search:field>
<search:field name="year" label="Year" styling="label-inline"></search:field>
<search:field name="gender" label="Gender" styling="label-inline"></search:field>
<search:field name="Prize Category" styling="label-inline"></search:field>
<br>
<search:field name="motivation" styling="description"></search:field>
<search:field name="details_url" styling="url description" prefix="http://nobel.divedeeper.io" urlfield="details_url" url-prefix="http://nobel.divedeeper.io" target="_blank"></search:field>
</layout:block>
</layout:grid>
</search:result>
</search:result-list>
Card Step
A result card with a slightly raised edge
<search:result-list response="smallResponse" styling="cards-md-2">
<search:result styling="card-step">
<layout:grid>
<layout:block md="1-4" padding-right="1">
<img src="{{ result | field:'photo' | actual }}" alt="">
</layout:block>
<layout:block md="3-4">
<search:field name="full_name" styling="title"></search:field>
<search:field name="year" label="Year" styling="label-inline"></search:field>
<search:field name="gender" label="Gender" styling="label-inline"></search:field>
<search:field name="Prize Category" styling="label-inline"></search:field>
<br>
<search:field name="motivation" styling="description"></search:field>
<search:field name="details_url" styling="url description" prefix="http://nobel.divedeeper.io" urlfield="details_url" url-prefix="http://nobel.divedeeper.io" target="_blank"></search:field>
</layout:block>
</layout:grid>
</search:result>
</search:result-list>