Changes

Jump to navigation Jump to search

Sample page

7,203 bytes added, 13 June
no edit summary
<div class="heading">Page Title</div>
This page is about the menu <span style=color:#007bff;“ >{{#fab:cogs}} {{#fabfas:cog}} </span> (SETTINGS-) PAGENAME >PAGENAME XXX followed by explanation on what to find on this page.
__TOC__ Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
=All Pages and The two elements above are at the top of each page directly after the categories=https://wiki.beds24Next element is the the contents (below).com/index.php/Special:AllPages
https://wiki.beds24.com/index.php/Special:Categories__TOC__
=General fomatting formatting =
https://www.mediawiki.org/wiki/Help:Formatting
=Headline 1=
 
=Summary=
<div class="summarybox">
 
<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>
</div>
 
=Zusammenfassung=
<div class="summarybox">
 
<div class="warning alert-alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>
</div>
 
=Was Sie wissen und tun sollten, bevor Sie loslegen=
<div class="bluebox">
Introductory text if required
</div>
 
=Was Sie wissen und tun sollten, bevor Sie loslegen=
<div class="bluebox">
Introductory text if required
</div>
 
==Headline 2==
===Headline 3===
<u>Underline (not used)</u>
 
<div class="bluebox">
Before you connect and other highlighted text
</div>
 
 
 
<div class="summarybox">
This is the summary
</div>
 
 
preCode:
<code>Source code</code> -> used for code examples, on many pages pre (blue box) is used for code which should be replaced
<code>Source code</code> ->currently we use pre for code
<div style="background-color: #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>
</div>
<span style=:{::"authentication":::{:::"apiKey": "my_very_secret_api_key",:::"propKey": "secret_key_for_prop_XXXXXX"::},::"bookId": "[BOOKID]",::"invoice":::[:::{::::"description"color: red">Inline style Booking.com Commission",</span>::::"status": "",::::"qty": "1",::::"price": "-[COMMISSIONNUM]",::::"vatRate": "7.00",::::"type": "0",::::"invoiceeId": "":::}::]:}
[[Main_Page |internal link (pipe)]]
[www.https://beds24.com external link (no pipe)]
<nowikispan style="color:#fe746c;“ >no [[wiki]] ''markup''{{#fas:exclamation-triangle}} </nowikispan> Warning used to point at information which is critical
<div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>
<span style=color:#fe746c;“ >{{#fas:exclamation-triangle}} </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 the control panel
<span class="" style="color: #f3e504; font-size: 250150%;" >{{#fas:lightbulb}} </span> Tip used for additional functions, references etc.
<span style="color:#007bfff3e504;font-size: 250%;" >{{#farfas:question-circlelightbulb}} </span> '''Required Skills''':
<span style="color:#007bff019cde; font-size: 150%;“ >{{#fabfas:coginfo-circle}} </span> Info
Use the context help<span style="color:#019cde;“ >{{#far:question-circle}} </span> for information on each setting. used for reference to the context help
{{#fas:cog}} used for reference to the settings menu left
{{#fas:user}} used for reference to the user menu top  Click on the {{#fas:user}} 'User' icon on the top right and then on 'Account Management (in the old control panel SUB ACCOUNT in the top right) Klicken Sie auf das {{#fas:user}} '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:#019cde;“ >{{#fas:external-link-square-alt}} </span> Used for news about upgrade <span style="color:#fe746c;;“ >{{#fas:exclamation-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>
https://www.mediawiki.org/wiki/Manual:Collapsible_elements
 
 
=Troubleshooting=
If there are many issues or the page is already long
<div class="mw-collapsible mw-collapsed">
<div class="headline-collapse" >"Room code is not unique" warning when saving in Beds24.
</div>
<div class="mw-collapsible-content">
Each Booking.com room id is unique and can be mapped to only one room in Beds24. If you enter the same Booking.com room id more than once the room updates will overwrite each other causing inaccurate information being sent to Booking.com which will cause overbookings.
</div></div>
 
'''If there are only a few'''
xxx
=Images =
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/index.php/MediaWiki:Common.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