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
,

Example

<search:result-list response="smallResponse"></search:result-list>

List

Full width list of results

Bob Dylan

Year
2016

Gender
Male

Prize Category
literature

"for having created new poetic expressions within the great American song tradition"

http://nobel.divedeeper.io/#/laureates/937

Example

<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"

http://nobel.divedeeper.io/#/laureates/937
Karl Ferdinand Braun

Year
1909

Gender
Male

Prize Category
physics

"in recognition of their contributions to the development of wireless telegraphy"

http://nobel.divedeeper.io/#/laureates/14
Luis F. Leloir

Year
1970

Gender
Male

Prize Category
chemistry

"for his discovery of sugar nucleotides and their role in the biosynthesis of carbohydrates"

http://nobel.divedeeper.io/#/laureates/239
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"

http://nobel.divedeeper.io/#/laureates/345
Sir Frank Macfarlane Burnet

Year
1960

Gender
Male

Prize Category
medicine

"for discovery of acquired immunological tolerance"

http://nobel.divedeeper.io/#/laureates/369
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"

http://nobel.divedeeper.io/#/laureates/375
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"

http://nobel.divedeeper.io/#/laureates/789
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"

http://nobel.divedeeper.io/#/laureates/790
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"

http://nobel.divedeeper.io/#/laureates/865
Victor Franz Hess

Year
1936

Gender
Male

Prize Category
physics

"for his discovery of cosmic radiation"

http://nobel.divedeeper.io/#/laureates/42

Example

<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

Bob Dylan

Year
2016

Gender
Male

Prize Category
literature

"for having created new poetic expressions within the great American song tradition"

http://nobel.divedeeper.io/#/laureates/937

Example

<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

Bob Dylan

Year
2016

Gender
Male

Prize Category
literature

"for having created new poetic expressions within the great American song tradition"

http://nobel.divedeeper.io/#/laureates/937

Example

<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

Bob Dylan

Year
2016

Gender
Male

Prize Category
literature

"for having created new poetic expressions within the great American song tradition"

http://nobel.divedeeper.io/#/laureates/937

Example

<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>

Was this page helpful?