Edit Interface Help
- The page is made up of a number of "containers" that can hold text, images and videos.
- You can write in the containers using either BBcode or markdown formatted text
- Containers can be moved & resized how you want.
- The borders around containers are only visible in the edit mode, when you view the saved craft's page they won't be shown.
- Changes will auto save a few seconds after your last action or you can hit save whenever. There isn't an undo feature yet.
- text container will add an empty container that you can add text (or manually add images/videos to)
- image/video will prompt you for an image/video url when you drop it and add tags for you
- Mod list will add the craft's mod list
- Details will add basic details about the craft
- Description will add any description text from the craft file and a short descriptive sentence that you can modify if you want
All containers are essentially just text containers, the other options just come with some markdown formatting already setup.
The image/video option will prompt you for a url and then add the required tags for you. But you can also add media manually by adding the tags yourself ie:
[img:http://imgur.com/PdEu59O.jpg] for an image
[vid:https://www.youtube.com/watch?v=Tp6yj2k0Fpc]` for a video
To move a container, simply drag it to where you want.
To resize a container drag one of its corners or edge.
As you move/resize the containers they will snap to an invisible grid to make it easier to align things.
New Feature - move groups of containers together
If you hold down Shift before you start to drag a container it will drag all other containers that are below or within it.
Or you can hold Ctrl and click on several containers to select them as a custom group which you can drag together. Also, if you select a custom group using Ctrl, and then hold Shift before you start dragging it will move both the custom group you selected and any containers below the selected ones.
Note: You can place containers on-top of each other. The last container you interact with will be on top. If you want to move it behind another container, use the menu in the top-right of the container and click "move to back"
Click on a container to enter edit mode. Click anywhere outside (except on another container) to exit edit mode.
If the container you click on is partially covered by another container, clicking on it will raise it to be the container on top, then click again to enter edit mode.
In edit mode you can alter the container's text using Markdown style formatting, certain BBcode styles (like on the forum) and a 3rd syntax called KerbDown (which adds craft specific info).
Click the "MarkDown Help" link for into on how to use these formatting styles.
When you are done editing the text click outside of the container, the page will autosave a few seconds later.
Menu Functions
move to back will make the container appear behind containers that it overlaps.
auto height adjusts the containers height to fit it's contents.
font-size adjust the size of all text in the container using the slider.
font color opens color picker to set font color.
background color opens color picker to set the background color of the container.
padding toggles a small margin around the contents of the container.
Open the menu on a container and select either "font color" or "background color" and a color picker will open.
If you select a preset color from the left palette that will set the color right away. If you use the color picker it will show the changed color, but won't actually set the color unless you click the "Use selected color" button (if you click away from the picker the color will revert to what it was before).
The font color will set the color for all the text inside that container. If you want individual words to be differently colored then use the markup style formatting to add color to specific words or sentences, ie [color=blue]this is blue[/color] ` This syntax will override any color set by the color picker.
To return to the default (black font, transparent background) click the grey X in the top right corner of the color picker and then click "Use selected color"
By default the page will autosave a few seconds after each change you make, unless you start making another change, in which case it will wait until you are done.
The save button in the top toolbar will change to indicate if the page is saved or of there are unsaved changes. When there are unsaved changes (and autosave is enabled) a small blue progress bar will indicate when the next autosave will happen.
You can disable autosave by unselecting the checkbox under the save button.
