1. The articlelist component can be used with different grid layouts. The grid below uses Bootstrap "card deck" to control the layout …
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu orci vulputate, luctus purus id, vehicula elit. Aenean facilisis sagittis dolor, quis mattis velit. Cras sollicitudin odio eget nisi s …
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu orci vulputate, luctus purus id, vehicula elit. Aenean facilisis sagittis dolor, quis mattis velit. Cras sollicitudin odio eget nisi s …
  4. With this example, the component is a simple Articlelist component that displays a list of articles using a 'grid' layout. The articles don't have to be images, but can be anything - even text! … B …
  5. Certain content types, such 'news stories' and 'blog posts', are best used with dynamic components which will automaticallty select which items to display (such as the most latest). These content typ …
  6. In the above example the image is not full width, and does not have a maximum width applied. It will not grow larger that its enclosing container. … It is possible to wrap a resposnive image with a …
  7. The above Responsiveimage component is set to "full width" and the image size is left empty - so the image is not constrained to any size and will keep growing to fit the space. …
  8. The Backgroundimage above is set to: … Background-position: center center … Image Height: short … Background-size: cover …
  9. The Backgroundimage above is set to: … Background-position: center center … Image Height: Tall … Background-size: cover …
  10. The above example uses a white overlay to make the black text stand out. …
  11. The above exaple uses the same "composition" but uses a black overlay with white text. …
  12. Articles
  13. A photograph
    A photograph by Alexandra Nicolae from unsplash
  14. About us
  15. Adrian-202474
  16. Alberto-restifo-4510
  17. Alert
    Create an alert. Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes …
  18. Alex-G5Oa Vu H5Gq A-unsplash
  19. Anders-jilden-24222
  20. Anna-sullivan-575449-unsplash
    by Anna Sullivan
  21. Article Auto
    Display an article with minimal options. …
  22. Article Autoview
    Select an article to view using the "autoview" component on this page: …
  23. Article Collections
    Articles can be collected using the generic ArticleCollection component. Unlike the list component, which will select all articles matching some criteria, the collection component requires the Admini …
  24. Article Custom
    Display an article using specified template with a lot of room to tweak the display. …
  25. Article Lists
    Article lists can be created using the generic ArticleList component. However, most content types will also have a specialised 'list' component. … The Autoview component will also create lists o …
  26. Article Types
    Article types can be configured to show/hide standard fields and add additional fields. … Article types are defined in: … Applciation/Content-types/ … from an article is available in the twig te …
  27. Articleist Articlemenu
    A component for displaying an menu of links to articles. … select the 'base url' that the list links to … select type of article to make a menu out of … select the twig template to use to re …
  28. Articlelist Archivemenu
    A component for displaying article archive menu. By default, the menu displays year-month. …
  29. Articlelist Autoview
    List a collection of articles and display them as a greedy URL. …
  30. Articles
    Articles are default content type. Blocks of text, html, images and so on are all articles …
  31. Articles

    Components that gather multiple Articles

  32. Auto
  33. Backgroundimage
    Background images have the ability to fit into somewhat arbitary aspect ratios via the "background-size" property. …
  34. Banner
    … template type: banner … article type: any … default template: backgroundimage.twig … Templates: … backgroundimage.twig …
  35. Blair-fraser-15137
    Photograph by Blair Fraser via Unsplash
  36. Brady-bellini-191086
  37. Class is part of the defining characteristic of culture
    “Sexual identity is impossible,” says Baudrillard. The subject is interpolated into a expressionism that includes art as a totality. Thus, if the deconstructivist paradigm of consensus holds, we have …
  38. Components
    … Content is displayed using components. Components are data + template. They collect content data and render it into HTML for display on the page. Components can be added directly to a page tem …
  39. Components
  40. Components Overview
    Components are used to render content into regions on pages. They are the gatekeepers/controllers to decide what content to show on a page. … Often they will have some user-configurable settings su …
  41. Compositions of Image and Text
    Compositions refer to components that use article types that require the combination both text and imagery: … Text Overlayed Image … Thumbnails with rollover captions … Articles with image …
  42. Content
  43. Core Article Types
    These are article types that are used (required) by a core component. … alert … article … image …
  44. Crowd.jpg
  45. David-jorre-803805-unsplash
  46. Dialectic pretextual theory and cultural situationism
    The characteristic theme of the works of Gaiman is a neodialectic reality. Derrida uses the term ‘the structural paradigm of discourse’ to denote the common ground between sexual identity and class. I …
  47. Discourses of absurdity
    “Class is part of the collapse of reality,” says Lyotard; however, according to la Fournier[1] , it is not so much class that is part of the collapse of reality, but rather the defining characteristic …
  48. Ducks
    Ducks, from unspllash
  49. Embed Custom
    Embed youtube video as an article
  50. Embed Youtube
    Embed youtube video as an article
  51. Embedd Vimeo
    Container for embedding a vimeo using the specified template
  52. flowers flowers
    flowers flowers flowers flowers flowers flowers flowers!!
  53. Foucaultist power relations
    If one examines Foucaultist power relations, one is faced with a choice: either accept preconceptualist discourse or conclude that the law is capable of significance. The main theme of Cameron’s[1] mo …
  54. Frederic Edwin Church - The Heart Of The Andes
  55. Full width images
    We can use the responsive image componetn to make an image "full-width". It will grow to the width of the screen and adjust its height proportionally. …
  56. Fuse-brussels-273772
  57. Galleries
    The galleries module has components for displaying a list of 'galleries' (collections of images). Select a gallery …
  58. Grids
    Grid components are used to display collections or lists of articles. …
  59. Hands
    Another reddish picture
  60. Hannah-rodrigo-14680-unsplash
  61. Hello-i-m-nik-281498
  62. IMG 0052
  63. IMG 0053
  64. IMG 0054
  65. IMG 0055
  66. IMG 0063
  67. Infinite CLoud
  68. Jess-watters-483666-unsplash
  69. Jess-watters-483666-unsplash.jpg
  70. Jesse-gardner-d SEE5q7v Cg A-unsplash
  71. Jon-tyson-EJzx F5uw J-o-unsplash
  72. Materialist precultural theory and Lyotardist narrative
    In the works of Spelling, a predominant concept is the distinction between ground and figure. Foucault suggests the use of Lyotardist narrative to modify and analyse class. However, many desublimation …
  73. Mike-dennler-173199
  74. Mohammed-hassan-Yucbd4s Sj GA-unsplash
  75. Nico-benedickt-187873
  76. Overview of TextStem Concepts
    Content … Content is unique to each site. … Content is stored in the database and or uploaded to the as an assets. Content consists of your: … pages … articles … assets … modules … A …
  77. Page Components
    Template components are components that have been attached to a page. Components are usually added to a specific location (slot) on a page. Components listed as "unplaced" have been attached to the pa …
  78. Page Not Found
    Page Not Found …
  79. Page Template
    Underlying layout of structure of page
  80. Page Templates
    Textstem pages are generated using "page templates". … Page Templates are stored in the /textstem/Application/Views directory, and can be over-ridden by files in the /twigstem/themes/[THEME]/Views d …
  81. Page Unavailable
    Sorry, this page is unavailable. We're just in the middle of updating our site and should be back soon(ish) …
  82. Page-Template 1
  83. Pages
    Pages are the main way of organising your content and site architecture and determininig what information is shown when a user visits a url. … When a url is requested, TextStem creates a page object …
  84. Pengies!
    Picture of Pengies!
  85. Posts
    Posts are an article type. Usually, they are displayed usign the 'autoview' component which will automatically switch between a list and detail view. …
  86. Posts Auto View
    An example of the article autoview component. …
  87. Power!!
    Miguel Bruna, Unsplash
  88. Rawpixel-714362-unsplash
  89. Records!
  90. Rendered Page
  91. Responsiveimage
    The Responsiveimage component creates an image that resizes according to the width of your sceen - or the the sapce that is provided for the image. …
  92. Restricting the width of a Responsive image
    Responsive images can be restricted to a maximum width - so that the image is not enlarged anymore that its oroginal size. You have the option of filling the remaining space with a background colour. …
  93. Rob-bye-182304
  94. Rocco-caruso-712902-unsplash
  95. Ruslan-bardash-x Rd ZIt66FSE-unsplash
  96. Sample Alert Message
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut a …
  97. Sample1
  98. Sample2
  99. Sample3
  100. Screen Shot 2019-07-25 At 1.37.20 Pm
  101. Searching The Site
    A typical Textstem site will include content from a range of sources, some of which should be searchable and some of which should not. Out of the box, Textstem6 supports two components for managing si …
  102. Sectionmenu
    liheadingulid ulclass = 'nav flex-column';subulclass liclass = '';aclass = '';page_id = '';currentSectionID = ''; // for backwards compatibility (phasing this out)currentSectionTitle = ''; // for back …
  103. Siebe-warmoeskerken-y Kb5UNz Xb Uw-unsplash
  104. Single Images
    There are various ways to attach an image to a page region using Image components: … Image … Responsiveimage … Backgroundimage …
  105. Site Search
    In this example, the results of a site search are merged together and sorted before displaying the result. Searching for "power", for example, will find matches in articles as well as events (also not …
  106. Site Search
    Search results can be displayed grouped by content type. Searching for "power", for example, will find matches in articles as well as events (also note - this article has been marked as 'not searchabl …
  107. Stefan-lehner-w V4d Mc CTg Mk-unsplash
  108. Steve-johnson-1091207-unsplash
  109. Stil-734841-unsplash
  110. Tags
    Tags can be used to organise your content (eg. "List me all articles tagged 'important' or all images tagged 'vibrant'). … Tags are words or short phrases. They cannot contains commas. Typically tag …
  111. Template Components
    Template Components are components that have been attached to a page template.
  112. Template Components
  113. Test Product
  114. Textstem Components
    The textstem component system allows content administrators to add content to pages using components. …
  115. TextStem Core Components
    Core Components exist in every TextStem Installation and are located withing the system folder. …
  116. Textstem-patterns
  117. The subject is contextualised
    The subject is contextualised into a expressionism that includes language as a whole. It could be said that the primary theme of la Tournier’s[4] model of the deconstructivist paradigm of consensus is …
  118. To-the-infintie-cloud
  119. Using the Image component
  120. Using the Imagebackgroundoverlay Component
  121. Welcome!
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu orci vulputate, luctus purus id, vehicula elit. Aenean facilisis sagittis dolor, quis mattis velit. Cras sollicitudin odio eget nisi s …
  122. Working with the Article component
    The easiest way to get words on a page is to insert the article component into a region. …

Single Images

There are various ways to attach an image to a page region using Image components:

  • Image
  • Responsiveimage
  • Backgroundimage

Using the Image component

Unable to find template "image/default.twig".

Responsiveimage

The Responsiveimage component creates an image that resizes according to the width of your sceen - or the the sapce that is provided for the image.

Blair-fraser-15137

In the above example the image is not full width, and does not have a maximum width applied. It will not grow larger that its enclosing container.

It is possible to wrap a resposnive image with a link:

Full width images

We can use the responsive image componetn to make an image "full-width". It will grow to the width of the screen and adjust its height proportionally.

Alberto-restifo-4510

The above Responsiveimage component is set to "full width" and the image size is left empty - so the image is not constrained to any size and will keep growing to fit the space.

Restricting the width of a Responsive image

Responsive images can be restricted to a maximum width - so that the image is not enlarged anymore that its oroginal size. You have the option of filling the remaining space with a background colour.

Crowd.jpg

Backgroundimage

Background images have the ability to fit into somewhat arbitary aspect ratios via the "background-size" property.

The Backgroundimage above is set to:

  • Background-position: center center
  • Image Height: short 
  • Background-size: cover

The Backgroundimage above is set to:

  • Background-position: center center
  • Image Height: Tall 
  • Background-size: cover