Changes

Jump to navigation Jump to search

Sample page

5,712 bytes added, 26 April
no edit summary
<div class="heading">Page Title</div>
This page is about the menu SETTINGS {{#fas:cog}} -(SETTINGS) PAGENAME > PAGENAME XXX followed by explanation on what to find on this page.   Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
The two elements above are at the top of each page directly after the categories. Next element is the the contents (below).
__TOC__
 
=All Pages and categories=
https://wiki.beds24.com/index.php/Special:AllPages
 
https://wiki.beds24.com/index.php/Special:Categories
=General formatting =
<code>Source code</code> -> used for code examples, currently we use pre for code which should be replacedCode:
<code>Source code</code> -> used for code examples, on many pages pre (blue box) is used for code which should be replaced
 <span div style="background-color: red#f8f9fa !important; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;"><script><nowiki>var addUrlParamsToIframeSrcs = function () { const validParameters = ["checkin","checkout","numnight","numadult","numchild","ownerid","propid","roomid","referer","redirect","lang","group","nogroup","category1","category2","category3","category4", "customParameter"]; const iframeAttrIdentifier = "ourIframe"; const currentUrl = new URL(window.location.href); let parametersString = ""; validParameters.forEach(parameter => { const parameterValue = currentUrl.searchParams.get(parameter); if (parameterValue !== null) { parametersString += "&" + parameter + "=" + parameterValue; } }); const iframes = document.getElementsByTagName("iframe"); for (let iframe of iframes) { if (iframe.getAttribute(iframeAttrIdentifier) !== null) { let iframeSrc = iframe.getAttribute("data-src"); if (!iframeSrc.includes("?")) { iframeSrc += "?"; } iframeSrc += parametersString; iframe.setAttribute("src", iframeSrc) } }}addUrlParamsToIframeSrcs();</nowiki></script>Inline style </spandiv:{::"authentication":::{:::"apiKey": "my_very_secret_api_key",:::"propKey": "secret_key_for_prop_XXXXXX"::},::"bookId": "[BOOKID]",::"invoice":::[:::{::::"description": "Booking.com Commission",::::"status": "",::::"qty": "1",::::"price": "-[COMMISSIONNUM]",::::"vatRate": "7.00",::::"type": "0",::::"invoiceeId": "":::}::]:}
[[Main_Page |internal link (pipe)]]
[www.https://beds24.com external link (no pipe)]  <span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> Warning used to point at information which is critical <div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>   <span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span> Tip used for additional functions, references etc.  <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''':
<span style="color:#019cde; font-size: 150%;“ >{{#fas:info-circle}} </span> Info
Use the context help<nowikispan style="color:#019cde;“ >no [[wiki]] ''markup''{{#far:question-circle}} </nowikispan>for information on each setting. used for reference to the context help
{{#fas:cog}} used for reference to the settings menu left
<span style="color:#fe746c;“ >{{#fas:exclamation-triangleuser}} </span> We have recently added [https://fontawesome.com/icons?d=gallery Font Awesome] - in the wiki only free icons work - we use pro icons light on used for reference to the control paneluser menu top
<span style="color: #f3e504; font-size: 250%;" >Click on the {{#fas:lightbulbuser}} </span> 'User' icon on the top right and then on 'Account Management (in the old control panel SUB ACCOUNT in the top right)
<div class="warning">Klicken Sie auf das {{#fas:exclamation-triangleuser}} This is a warning </div> 'User Icon' oben rechts und dann auf 'Account Management' (im alten Control Panel gehen Sie zu SUB ACCOUNTS im Menu oben rechts)
<span style="color:#7bcbed;“ >{{#fas:plus-square}} </span> Used for news about new feature
<span style="color:#007bff019cde;“ >{{#farfas:questionexternal-circlelink-square-alt}} </span> Used for news about upgrade
<span style="color:#fe746c;;“ >{{#fas:cogexclamation-circle}} </span> Used for news important info
<span style="color: #7aab0a;" >{{#fas:rocket}} </span> Used for news new partner
<span style="color: #f3e504;" >{{#fas:lightbulb}} </span> Used for news
<span style="color: #7aab0a;" >{{#fas:chalkboard-teacher}} </span> Used for news webinar [https://fontawesome.com/v5.15/icons/external-link-alt?style=soli <span style="color:#007bff;“ >{{#fas:external-link-alt}} </span> website] <nowiki>no [[wiki]] ''markup''</nowiki> used for content which should not show in wiki format i.e. links which should not be clickable.   Horizontal line Text beforeused on the news to separate the news (first before a line is shown in the news module on the Dashboard)
----
Text after
 
<span style="color: #fe746c">Inline style red text </span> used to apply individual css - only for temporary special formatting on the start pages. For other formats classes should be created.
 
<span style="color: #75d5ad">Inline style green text </span>
 
=Hide content which is being worked on =
Hide a section NOTE: Hidden content can not have headlines because headlines are not hidden
 
<div style="display:none">
 
</div>
=Collapsible Elements=
Used for : FAQ, Examples
<div class="mw-collapsible mw-collapsed">
<div class="headline-collapse" > Example: Headline for collapsible text</div><div class="mw-collapsible-content"> This is the collapsed text.
</div>
</div>
Images with a "view large link" - images can be animated gifs
[[Image:wizard_calendar.gif|700px600px|link=]]
[[Media:wizard_calendar.gif|view large]]
linked image
 
[[Image:wizard_calendar.gif|600px|link=https://go.expediagroup.com/spotlight-beds24.html]]
 
 
 
Centered
 
[[Image:wizard_calendar.gif|center|400px|link=]]
 
 
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> You might need to do a couple of hard refreshes to see the uploaded image. Or try a different browser.
 
=pdf=
[[Media:Custom_Invoice.pdf|Download the tutorial]]
=Videos =
 
==Youtube==
<embedvideo service="youtube">https://youtu.be/Ohhx1ZfPxNw</embedvideo>
<embedvideoservice="youtube" dimensions="200x120">https://screencast-o-maticyoutu.combe/embed?sc=cYewDp4Ztg&v=5&ff=16niW6UZoHOc</embedvideo> ==MP4 Upload==
[[File:support.mp4|640px]]
 
 
Centered
 
[[File:recovering-Covid19.mp4|center|340px]]
=Tables =
https://www.mediawiki.org/wiki/Help:Tables
 
{| class="wikitable"
! scope="col"| Item
! scope="col"| Quantity
|-
| 0.3 kg
| $0.65
|-
| 0.125 kg
| $1.25
|-
|}
{| class="wikitable"
| $1.90
|}
 
=Formatting of content types =
==Examples==
 
Example on individual page: https://wiki.beds24.com/index.php/Combine_individual_rooms_into_a_roomtype
 
Use "Collapsible" if there are many examples on the page or if examples are long.
 
<div class="mw-collapsible mw-collapsed">
<div class="headline-collapse" >
==Headline for collapsible text Make sure you add the correct hierarchy if you want them to show in the agenda==
</div>
<div class="mw-collapsible-content">
 
This is the collapsed text.
</div>
</div>
 
==Step by step instructions==
'''Step 1: Summary of what do do'''
 
You need to.....
*Do this
*Do that
 
 
'''Step 2: : Summary of what do do (optional)'''
 
add optional if the step is not required
 
'''Step 3: '''
 
 
'''Step 4: '''
 
 
'''Step 5: '''
 
<div class="mw-collapsible mw-collapsed">
<div class="headline-collapse" >
Step 1: Collapible
</div>
<div class="mw-collapsible-content">
#do this
#Press SAVE
</div></div>
 
=How to=
==Add image==
Add image: http://recordit.co/Y6MG4bnTiR
 
You can adjust the size.
 
==Change Image==
 
https://wiki.beds24.com/index.php/file:IMAGENAME.png
 
https://wiki.beds24.com/wikiDE/index.php/Datei:IMAGENAME.png
==Make a redirect==
<nowiki>#REDIRECT [[pagename]]</nowiki>
 
<nowiki>#REDIRECT [[:Category:Glossary]]</nowiki>
 
https://www.mediawiki.org/wiki/Help:Redirects
 
=All Pages and categories=
https://wiki.beds24.com/index.php/Special:AllPages
 
https://wiki.beds24.com/index.php/Special:Categories
=CSS =
https://wiki.beds24.com/wikiDE/index.php/MediaWiki:Common.css
=Sidebarnavigation=
https://wiki.beds24.com/index.php?title=MediaWiki:Sidebar&action=edit
 
https://wiki.beds24.com/wikiDE/index.php?title=MediaWiki:Sidebar&action=edit
=Sample context help=
https://wiki.beds24.com/index.php/Setting/sample
 
=All Special Pages=
https://wiki.beds24.com/index.php/Special:SpecialPages

Navigation menu