Webapp detail layout

Is used by these modules

Site visitors get to it only after clicking the links outputted by the tag {tag_name} or {tag_button} which can both be found on the list layout.

Accessible from

  • Admin Console:¬†Site Manager > Module Templates >Web App Layouts > WEBAPP_NAME
  • SFTP & Develop Mode: /Layouts/WebApps/WEBAPP_NAME/detail.html (for example /Layouts/WebApps/Car Catalogue/detail.html)

Renders these tags

Warning: if you need to access a liquid tag that has a space in its name, for example tag_large image_value use this syntax: {{this.items[0].["large image_value"]}} - Liquid does not allow for the name of its output tags to contain spaces. In this case the tag that contains a space needs to be wrapped in square brackets and quotes and preceded by "this.".

Liquid tag Legacy tag Description
{{itemid}} {tag_itemid}Item's system ID
{{address1}} {tag_address1}Address1
{{address2}} {tag_address2}Address2
{{city}} {tag_addresscity}City
{{country}} {tag_addresscountry}Country
{{country_id}} The ID of the country
{{country_url}} The URL of the country
{tag_addressglatlng}This tag provides a shortcut to generate GLatLng objects for use with the Google Maps API.
{{latitude}} {tag_addresslatitude}Latitutde of web app item address
{{longitude}} {tag_addresslongitude}Longitude of web app item address
{{state}} {tag_addressstate}State
{{zipcode}} {tag_addresszipcode}ZIP code
{tag_addtofavorites,add_Image, remove_Image}Add the news item to favorites list. Optionally customize to display your own custom image for adding and removing. Here is an example - {tag_addtofavorites,<img alt="" src="/images/add.gif" />,<img alt="" src="/images/remove.gif" />}
For additional information on how to render the output of this tag using Liquid take a look at the Enable other Liquid tags article.
{{classifications}} {tag_classifications}List of categories that this industry content is classified under
{{commentCount}} {tag_commentcount}Number of comments on the current item
{{description}} {tag_description}Description of item (editor content)
{{expiryDate}} {tag_expirydate} Expiry date of item in dateTime format
{{lastUpdateDate}} {tag_lastupdatedate} Last update date of item in dateTime format
{{name}} {tag_name}Name of the item
{{releaseDate}} {tag_releasedate} Release date of item in dateTime format
{{weight}} {tag_weight}Weighting of item
{{urlWithHost}} {tag_itemurl_withhost}Full URL of the web app item including host for example http://mysamplesite.com/car-catalogue/ford-explorer
{{url}} {tag_itemurl_nolink}Relative URL of the web app item for example /car-catalogue/ford-explorer
  {tag_image} For "Image" type fields only - renders the image wrapped in a hyperlink
{{image}}   For "Image" type fields only - renders the image's src, for example /images/dog.jpeg
  {tag_image_value} For "Image" type fields only - renders the image's src
  {tag_image_nolink} For "Image" type fields only - renders only the image
{{datasource_id}} {tag_datasource_id} Renders the ID of the datasource field e.g. - if my datasource field is named country, the tag will be {tag_country_id}
{{datasource}} {tag_datasource} Renders a link to the datasource item e.g. - if my datasource field is named country, the tag will be {tag_country}

Note: When using a custom image field type for Web Apps, by default the image tag outputs the full HTML image source and a link. Example:

<a href="/web-app/detail-web-app"><img src="/folder/imagename.jpg" border="0" alt=""></a>

You can customize custom image tags, by appending the below parameters to the tags:

  • _value eg. {tag_my custom image_value} - Outputs the file path of the image. For example /folder/image.jpg
  • _nolink eg. {tag_my custom image_nolink} - Ensures that the image does not link to the detailed view of the web app item