You can find the results of your search below.

Fulltext results:

Render web code in a your page (javascript, html, ...) @docs:utility
30 Hits, Last modified:
omponent, you can embedded snippet of Javascript, Html and Css script and render their output.", "pa... le": "Render web code in a your page (javascript, html, ...)" } --- ====== ComboStrap UI - WebCode ====... that permits to render the output of code such as HTML, Javascript or CSS. By enclosing [[docs:block:co... e last ''webcode'' tag). ===== Example===== ==== HTML ==== * This example will output: One emoji [[u
1.14 @release:archive
23 Hits, Last modified:
ubar:brand|brand]] is now a [[docs:marki|superset html component]] and allows all styling. ==== Grid ==== * New: The ''automatic'' [[do... tility:webcode|webcode]] is less than the default html element height of 150, the padding of the first d... element would end up in the margin of the iframe html element. * Webcode was deleting the first p an
How to use the image tag in ComboStrap @docs:content
19 Hits, Last modified:
o define a ''ratio'' * extended with the [[docs:styling:styling|styling attributes]] <code dw> {{[ ]path?WxH&ratio=w:h&nolink&att=value[ ]}} </code> where: * ''path'' ... ement of the image (left, center, or right [[docs:styling:float|float]]) * ''nolink'' will not add a [[#i
1.13 @release:archive
19 Hits, Last modified:
h alternated background * New: added the [[docs:styling:background|background component]] to manage the b... elease:deprecated:slide|slide]]) * New : [[docs:styling:clickable|clickable attribute]]: make a whole sur... oaded by the admin and by a group of users. ==== Styling / Theme ==== * New: [[docs:styling:shadow|Elevation]] is also now known as the [[docs:styling:shadow|sha
ComboStrap Styling - Marki Language @docs
18 Hits, Last modified:
: "1meei51mjm83femowsehx" } --- ====== ComboStrap Styling - Marki Language ====== ===== About ===== ''Comb... ki'' language. It's a simplified version of the ''HTML'' language and follows the same rules. Below, we... /component> </code> where: * ''type'' is the [[.styling:type|type of component]]. Not every component has... * specific to this component * the [[#styling|styling attributes]] * or the [[#html|html
link @docs:content
17 Hits, Last modified:
is shown in ''red''. You can even use the [[docs:styling:styling|styling attributes]] * Example: <webcode name="Default" frameborder=0> <code dw> Links to [[#|existing ... y a ''wikiName'' (ie website name) Syntax: <code html> wikiName>path?query#fragment </code> For instan
card @docs:block
16 Hits, Last modified:
card A ''card'': * is a [[docs:marki|superset HTML component]] and permits then all kind of [[docs:styling:styling|styling]] * can be laid out in tile with the [[docs:lay
1.25 @release
15 Hits, Last modified:
tstrap-custom|custom stylesheet]] * The [[:docs:styling:scale|font size]] `Rem` configuration * The min... t:grid|grid]], a ''cell'' now supports the [[docs:styling:clickable|clickable attribute]] * A ''grid'' is... ocated in the center of the page. * The [[:docs:styling:hero|Hero]] attribute that permits to create easi... nditional number of cells by line * The [[:docs:styling:dimension|width]] can now be defined conditionall
ComboStrap - Prism @docs:utility
13 Hits, Last modified:
===== Example ===== ==== Line numbers ==== ''HTML'' code in a [[docs:block:code|code component]] wi... bcode name="Default" frameborder="0"> ```dw <code html line-numbers="true"> <p class="hey">Type some... ==== Line Highlight ==== This example shows an ''HTML'' code in a [[docs:block:code|code component]] wh... ' are highlighted Example: <webcode> ```dw <code html line-numbers="true" line-highlight="1-3, 5">
button @docs:content
11 Hits, Last modified:
de> </webcode> ==== Spacing ==== * With [[docs:styling:spacing|spacing]] <webcode name="Button"> <code d... ode> </webcode> ==== Colors ==== * With [[docs:styling:color|colors]] <webcode name="Button"> <code dw> ... > where: * ''type'' defines the [[#type|default styling]] * ''size'' defines its [[#size]] * ''skin''... ton'' component is a fully [[docs:marki|super set HTML component]] </note> A ''button'' can be used:
How to use a SVG in ComboStrap @docs:content
11 Hits, Last modified:
ng SVG: * [[docs:content:icon|icon]] * [[docs:styling:background#svg_cover|background svg cover]] * [[docs:styling:background#svg_tile|background svg tile]] </note>... e[ ]}} </code> A ''svg'' accepts: * all [[docs:styling:styling|styling attributes]] * a ''zoom'' attribute (used mostly to zoom out to create illustrative [[do
ComboStrap UI - Styling @docs:styling
11 Hits, Last modified:
ation when the mouse is over a component === Advanced === Every component is a [[docs:marki|html superset]] and you can therefore use the [[class|class]] for advanced styling.
ComboStrap UI - HR (Horizontal Rule) @docs:layout:component
11 Hits, Last modified:
r HTML ==== As ''hr'' is a [[docs:marki|superset HTML component]], you can use all [[docs:styling:styling|styling attributes]] such as [[docs:styling:spacing|spacing]] <webcode name="Default" > <code dw> Lorem ipsum dolo
spacing @docs:styling
10 Hits, Last modified:
"0qtqv8lgs1ygj9rax9vck" } --- ====== ComboStrap Styling - Spacing (Margin, Padding) ====== ===== About ... nt space outside the box (not filled with [[docs:styling:background#color|the background color]]) * ''pa... is the space inside the box (filled with [[docs:styling:background#color|the background color]]) <note>... ] with: * ''p-3'': a ''padding'' with a [[docs:styling:scale|scale value of 3]] (blue color) * ''m-5''
How to embed a tweet in your ComboStrap pages @docs:social
9 Hits, Last modified:
]] | | width | 250-550px | 550px | same as [[docs:styling:dimension|width]] (maximum width of the rendered ... tweet with the value true/false]]</note> ===== HTML ===== If you accepts HTML in your page via a HTMLOk Plugin, you can embedded them directly. <note> Th... not the recommended way because: * you allows ''html'' and opens the door to cross site attack (XSS)
1.12 @release:archive
9 Hits, Last modified:
theme-creation @howto
8 Hits, Last modified:
ComboStrap Styling - Align Attribute @docs:styling
8 Hits, Last modified:
ComboStrap Heading @docs:content
7 Hits, Last modified:
footer @release:deprecated
7 Hits, Last modified:
A bar - A horizontal region @docs:layout:component
7 Hits, Last modified:
Hover animation @docs:animation
6 Hits, Last modified:
ComboStrap UI - Note @docs:block
6 Hits, Last modified:
What is a conditional value ? @docs:styling
6 Hits, Last modified:
landing-page @howto
5 Hits, Last modified:
What are the security measures that we take?
4 Hits, Last modified:
badge @docs:content
4 Hits, Last modified:
Lazy loading in ComboStrap @docs:performance
4 Hits, Last modified:
Attractive Color generator @docs:styling
4 Hits, Last modified:
Markdown syntax supported in ComboStrap @docs:utility
4 Hits, Last modified:
ComboStrap - Credits
3 Hits, Last modified:
ComboStrap UI - Block @docs:block
3 Hits, Last modified:
ComboStrap Styling - Class attribute @docs:styling
3 Hits, Last modified:
1.2 @release:archive
3 Hits, Last modified:
ComboStrap - Release 1.24 @release
2 Hits, Last modified:
ComboStrap UI - Inote (inline note) @docs:content
2 Hits, Last modified:
ComboStrap UI - Tooltip @docs:content
2 Hits, Last modified:
main-header @docs:theme:element
2 Hits, Last modified: