Predloga:Skrito/testniprimeri

CompatibilityUredi

The new version was tested below and is working fine in the following browsers (except for some small issues):

IssuesUredi

  • As reported on this topic, the header is jumping left when expanded. For the default collapsible text, could be fixed by using the CSS provided on that topic. See also bug #30402;
  • As reported on other topic, on Windows, "the cursor takes the form of an up-and-down arrow rather than the pointing-index-finger form". See bug #30327.

Testing jQuery.makeCollapsible versionUredi

Example 0Uredi

{{Skrito}}

{{{1}}}
{{{2}}}

{{Skrito/peskovnik}}

{{{1}}}
{{{2}}}

Example 1Uredi

{{Skrito/peskovnik|Title text here|Body text line 1<br/>Body text line 2}}

Title text here
Body text line 1
Body text line 2

{{Skrito|Title text here|Body text line 1<br/>Body text line 2}}

Title text here
Body text line 1
Body text line 2

Example 2Uredi

{{Skrito/peskovnik|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff|showhide=left |style=text-align:center;|showhide=left }}

Title text here

Body text line 1
Body text line 2

{{Skrito|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff|showhide=left |style=text-align:center; }}

Title text here

Body text line 1
Body text line 2

Example 3Uredi

{{Skrito/peskovnik| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 }}

Title text here
Body text line 1
Body text line 2
Body text line 3

{{Skrito| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 }}

Title text here
Body text line 1
Body text line 2
Body text line 3

Example 4Uredi

{{Skrito/peskovnik|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
def

{{Skrito|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
def

Example 5Uredi

{{Skrito/peskovnik|Lists| * Item 1 * Item 2 }}

Lists
  • Item 1
  • Item 2

{{Skrito|Lists| * Item 1 * Item 2 }}

Lists
  • Item 1
  • Item 2

Example 6Uredi

{{Skrito/peskovnik|Lists|fw1=normal|fw2=bold| * Item 1 * Item 2 }}

Lists
  • Item 1
  • Item 2

{{Skrito|Lists|fw1=normal|fw2=bold| * Item 1 * Item 2 }}

Lists
  • Item 1
  • Item 2