Mohammad,

I assume https://kookma.github.io/Shiraz/ is to the new release so I have 
being looking at that.

For example this works to produce a Card for items tagging the current 
tiddler
<div class="card-deck">
<$list filter="[tag<currentTiddler>">
<div class="card border-primary mb-3" style="max-width: 21rem;">
  <div class="card-header">{{!!title}}</div>
  <div class="card-body text-primary">
    <span class="h5 card-title">{{!!modifer}}</span>
    <p class="card-text">{{!!description}}</p>
  </div>
</div>
</$list>
</div>

However they only ever get placed on the one line. I wonder if there is a 
way to start a new line of cards every Nth?

Regards
Tony


On Wednesday, September 18, 2019 at 2:24:19 PM UTC+10, Mohammad wrote:
>
>
>
> On Wednesday, September 18, 2019 at 5:56:43 AM UTC+4:30, TonyM wrote:
>>
>> Mohammad,
>>
>> I went to Shiraz to understand how to make use of it. At present I see 
>> really nice results but they come from "weighty" tiddlers with a lot of 
>> code within them.
>>
>> Personally I would be more inclined to use a macrocall widget wrapped 
>> inside a list to source say header and text from tiddlers. The trick is 
>> then finding a way to set a number of columns but infinite rows.
>>
>> One use case I have is I have a set of tiddlers, with a link field and 
>> icon. I would love to display a N column set of card-column-border which 
>> would get the icon, color caption (header) and description to populate the 
>> card.
>>
>
> Tony!
> Cards are customized Bootstrap card! What you want is possible! First 
> without using the Shiraz generate the result you like, then to make them 
> stylish use the custom classes (e.g cards)
> I am still working on Shiraz 2 documentation and will try add examples 
> similar to what you asked here! By the way please have a loot at new 
> release.
>  
>
>>
>> In fact this is the main way I want to use Shiraz cards etc... driven by 
>> a filtered list of tiddlers and displaying selected fields.
>>
>> Where is your work on those alternate list CSS options?
>>
>>
>> Regards
>> Tony
>>
>>
>> On Friday, September 13, 2019 at 12:42:19 AM UTC+10, Mohammad wrote:
>>>
>>> *News: Shiraz Plugin 2.0*
>>>
>>> A new release of Shiraz plugin will be published soon!
>>> It is a rewrite of Shiraz 1.0.2 and mainly focuses on a custom CSS 
>>> (based on bootstrap 4+)
>>>
>>> It contains many custom CSS + Macros to use them and gives huge 
>>> flexibility for customizing of  many TW elements! This includes
>>>
>>>
>>>    - Images (polaroid, slidein, overlay, card, ...)
>>>    - Tables
>>>    - Buttons
>>>    - Badges
>>>    - Alerts
>>>    - Cards and panels
>>>    - Text utilities
>>>
>>>
>>> I appreciate to have your idea and comments!
>>>
>>> The GitHub page has the previous version! All other CSS and macros have 
>>> been stripped out from Shiraz 2.0.
>>>
>>>
>>> --Mohammad
>>>
>>>  
>>>
>>>
>>> On Thursday, November 8, 2018 at 10:56:00 PM UTC+3:30, Mohammad wrote:
>>>>
>>>> *Announcement a new plugin *
>>>> *(8th Nov, 2018)*
>>>>
>>>> *Shiraz plugin   * 
>>>>
>>>> To download have a look at:
>>>>  
>>>> Code: https://github.com/kookma/Shiraz
>>>> Demo: https://kookma.github.io/Shiraz/
>>>>
>>>> Shiraz
>>>>
>>>> Shiraz is a small TW5 plugin contains several macros, stylesheets, 
>>>> templates, snippets and acts as a starter kit. Some of its features are 
>>>> given below
>>>>
>>>>    - Macro
>>>>       - abbreviation (abbr) and details macro
>>>>       - alert boxes (bootstrap alert classes)
>>>>       - classic notes (danger, warning, info)
>>>>       - gradient (for dividing section in text)
>>>>       - footnote (creates footnotes)
>>>>       - tc, bc (text with foreground and background colors)
>>>>       - documentation macro to show code, rendered result, and 
>>>>       underlying html code)
>>>>    - Reveal gradually ( walkthrough , guided help, linked list)
>>>>       - Steps
>>>>       - Wizard
>>>>    - Customized css
>>>>       - notes
>>>>       - float class for images
>>>>       - Resolved floating images (overflow and cross tiddler borders)
>>>>       - Customized control buttons (shown as mouse hover)
>>>>    - ToDo
>>>>       - A todo list (ToDos) is set of macro and template to create 
>>>>       tasks, list them and manipulate them!
>>>>    - Customized table classes
>>>>       - Colored header
>>>>       - Striped row table
>>>>       - Striped column table
>>>>       - Borderless table
>>>>       - Hoverable table
>>>>    - Others
>>>>       - Show fields in view mode (From Ton Gerner)
>>>>       - Notebook tiddler
>>>>       - Standout markup
>>>>       - Sticky footer
>>>>       - Utility macros (.lorem, vspace, hspace,...)
>>>>    
>>>>
>>>> -----
>>>> This is also in response to recent post on having kind of starter kit 
>>>> for newbies.
>>>>
>>>>
>>>> Cheers
>>>> Mohammad
>>>>
>>>>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/0edf466c-e102-49c7-9441-166c8c3a2810%40googlegroups.com.

Reply via email to