قالب:Biochem reaction subunit

Template documentation[view] [edit] [history] [purge]
2 ×  Hydrogen-peroxide-3D-balls.png
 
2 H2O
قالب:Biochem reaction arrow alt text

This template creates subunits of a biochemical reaction. For example, three instances of it were used to demonstrate the reaction of catalase.

The template is based on the <div> element, rather than tables, and this allows it to be more flexible in its display. For example, "2 × Hydrogen peroxide" is likely to wrap across multiple lines, but this doesn't force all the other headers to expand to match. Some of the formatting is dependent on the user's browser supporting the flexbox layout system; the vast majority do, but you will see slight differences in spacing on legacy browsers, although efforts have been made to provide a fallback.

2 ×  Hydrogen-peroxide-3D-balls.png
 
2 H2O
قالب:Biochem reaction arrow alt text

The second example shows the same code, but constrained to 200 px wide; the content wraps, which is particularly useful for longer pathways and mobile devices.

Example code

 <div style="display: flex; flex-flow: row wrap; width:300px; max-width: 100%">
 {{Biochem_reaction_subunit|compound=Hydrogen peroxide|image=Hydrogen-peroxide-3D-balls.png|n=2}}
 {{Biochem_reaction_subunit|enzyme=Catalase|for_prod=2 H<sub>2</sub>O}}
 {{Biochem_reaction_subunit|compound=Oxygen|image=Oxygen molecule.png}}
 </div>

Parameters

This creates a subunit of a reaction: either chemical, or a reaction arrow with an enzyme and minor products or reactants. It is also possible to display custom content. It is designed to be placed inside a <div> tag with "display: flex; flex-flow: row wrap;", but it does work without flexbox.
وسيطوصفنوعحالة
Enzyme nameenzyme
The name of the enzyme. This may contain wikicode, but if it does or is otherwise not an article name, link must be specified.
محتوىمقترح
Compound namecompound
The compound. This may contain wikicode, but if it does or is otherwise not an article name, link must be specified.
محتوىمقترح
Title stylestyle
Custom styling for the title.
غير معروفاختياري
Number of moleculesn
Number of molecules of the given reactant relative to the others.
رقماختياري
Custom titletitle
The title of the box; causes link to be ignored. Not required; use compound, enzyme and/or link if possible.
محتوىاختياري
Forward minor substratefor_subst
The forward minor substrate(s). Can be formatted.
مثال
H<sub>2</sub>O
محتوىاختياري
Forward minor productfor_prod
The forward minor product(s). Can be formatted.
مثال
H<sub>2</sub>O
محتوىاختياري
Reaction directiondirection
Either forward, reverse or reversible: the direction of reaction.
غيابي
Forward
نصاختياري
Reverse minor substraterev_subst
The reverse minor substrate(s). Can be formatted.
مثال
H<sub>2</sub>O
محتوىاختياري
Reverse minor productrev_prod
The reverse minor product(s). Can be formatted.
مثال
H<sub>2</sub>O
محتوىاختياري
Image sizeimagesize
The width of the compound or arrow image.
غيابي
100px for compounds, 75px for arrows
مثال
55px
غير معروفمقترح
Compound imageimage
An image of the compound. Required for compounds.
ملفاختياري
Image CSS classclass
CSS styling class for the image. Mainly used for dark mode compatibility using 'class=skin-invert-image'
نصاختياري
Alternative contentother_content
If neither compound nor enzyme is specified, the content of the main part of the box.
مثال
+
محتوىاختياري
Reverse enzymeenzyme_reverse
Equivalent to enzyme but displayed below the arrow.
محتوىاختياري
Compound (lower)compound_lower
Equivalent to compound but displayed below the arrow.
محتوىاختياري
Title (lower)title_lower
Equivalent to custom title but displayed below the arrow.
محتوىاختياري

Format: inline

Test of raw TemplateData output:

This creates a subunit of a reaction: either chemical, or a reaction arrow with an enzyme and minor products or reactants. It is also possible to display custom content. It is designed to be placed inside a <div> tag with "display: flex; flex-flow: row wrap;", but it does work without flexbox.

وسائط القالب

هذا القالب يفضل التنسيق بنفس السطر للوسائط.

وسيطوصفنوعحالة
Enzyme nameenzyme

The name of the enzyme. This may contain wikicode, but if it does or is otherwise not an article name, link must be specified.

محتوىمقترح
Compound namecompound

The compound. This may contain wikicode, but if it does or is otherwise not an article name, link must be specified.

محتوىمقترح
Title stylestyle

Custom styling for the title.

غير معروفاختياري
Number of moleculesn

Number of molecules of the given reactant relative to the others.

رقماختياري
Custom titletitle

The title of the box; causes link to be ignored. Not required; use compound, enzyme and/or link if possible.

محتوىاختياري
Title linklink

Clicking on the title takes you to this link. Overriden by title.

اسم الصفحةاختياري
Forward minor substratefor_subst

The forward minor substrate(s). Can be formatted.

مثال
H<sub>2</sub>O
محتوىاختياري
Forward minor productfor_prod

The forward minor product(s). Can be formatted.

مثال
H<sub>2</sub>O
محتوىاختياري
Reaction directiondirection

Either forward, reverse or reversible: the direction of reaction.

غيابي
Forward
قيمة تلقائية
نصاختياري
Reverse minor substraterev_subst

The reverse minor substrate(s). Can be formatted.

مثال
H<sub>2</sub>O
محتوىاختياري
Reverse minor productrev_prod

The reverse minor product(s). Can be formatted.

مثال
H<sub>2</sub>O
محتوىاختياري
Image sizeimagesize

The width of the compound or arrow image.

غيابي
100px for compounds, 75px for arrows
مثال
55px
غير معروفمقترح
Compound imageimage

An image of the compound. Required for compounds.

ملفاختياري
Image CSS classclass

CSS styling class for the image. Mainly used for dark mode compatibility using 'class=skin-invert-image'

نصاختياري
Alternative contentother_content

If neither compound nor enzyme is specified, the content of the main part of the box.

مثال
+
محتوىاختياري
Reverse enzymeenzyme_reverse

Equivalent to enzyme but displayed below the arrow.

محتوىاختياري
Compound (lower)compound_lower

Equivalent to compound but displayed below the arrow.

محتوىاختياري
Title (lower)title_lower

Equivalent to custom title but displayed below the arrow.

محتوىاختياري
Link (lower)link_lower

Equivalent to title link but displayed below the arrow.

اسم الصفحةاختياري