: _syntax
Main reference
Ask your question below
Ok, I have to admit, I am a total newbie and I probably miss something stupid.
I looked/searched everywhere, but couldn't work it out.
Have a look at this page http://tinkershed.wikidot.com/test:1
This is the text output I see on the Code tab:
@<{"data":{"behavior":{"v":"2","nodes":[{"inputCount":2,"outputCount":2,"name":"Vector 2 XY"}]}}}>@BUT, what I entered on the data form that I use is this:
{"data":{"behavior":{"v":"2","nodes":[{"inputCount":2,"outputCount":2,"name":"Vector 2 XY"}]}}}It is in JSON syntax that I show inside a HTML block so that I could implement the Copy feature. I suspect that could be part of the problem
I can not work out where the additional <@ and >@ markers are coming from, or how to remove them :(
Here the template code:
[[module CSS]]
.yui-navset .yui-content {
height: 350px;
overflow: auto;
}
[[/module]]
[[[test:_home | Test]]] » %%title%%
[[tabview]]
[[tab Overview]]
Link: [%%form_raw{info_link}%%]
[[f<image %%form_raw{overimg}%% width="300px"]]
%%form_data{overview}%%
[[/tab]]
[[tab Details]]
[[f<image %%form_raw{detailimg}%%]]
%%form_data{details}%%
[[/tab]]
[[tab Code]]
[[html]]
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
</head>
<body>
<p>Click on the button to copy the text to the clipboard.</p>
<p>Then paste it straight into the flowlab import window</p>
<textarea id="myInput" readonly rows="8" cols="50">
%%form_data{bcode}%%
</textarea>
<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()">
<span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
Copy text
</button>
</div>
<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copied: " + copyText.value;
}
function outFunc() {
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copy to clipboard";
}
</script>
</body>
[[/html]]
[[/tab]]
[[/tabview]]
[[=]]
[[module Rate]]
[[/=]]
-------
[[module Comments hideForm="true"]]
====
[[form]]
fields:
overimg:
label: Overview Image
hint: "Image URL"
type: url
overview:
label: Overview Text
type: wiki
height: 3
hint: "write the overview"
info_link:
label: "Link to example"
type: url
detailimg:
label: Detail Image
hint: "screenshot"
type: url
details:
label: Details
type: wiki
height: 3
hint: "write the details"
bcode:
label: "Export Code"
type: text
height: 3
hint: "copy export code"
[[/form]]PLEASE HELP
Any advice would be so appreciated.
update:
on further investigation, it seems to be triggered by the quotation marks " " , but I need to use those :(
update 2:
Ok, fixed it. So you can ignore my question, sorry :)
I had to change this block
<textarea id="myInput" readonly rows="8" cols="50">
%%form_data{bcode}%%
</textarea>to:
<textarea id="myInput" readonly rows="8" cols="50">
%%form_raw{bcode}%%
</textarea>I was not aware that you have to use form_raw if you have text that might contain escape worthy special characters.
Kia Ora,
TinkerSmith
Fine, you have found it - I had the same problems until I changed to the raw version..
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
2!i'm a new guy
can i ask what is the true rarity of the claw of nulgath
You are on the wiki / forum of the wikidot - community !
I think you are very wrong here.. :)
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
I have included a number of tables in TabView.
Is there some way to ensure that the table in each tab fills the available width consistently?
you arleady managed to do this…no?
All your tables are 100% the way I see it on my iPad
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
I'm afraid not. Only the default tab displays the table at full width.
All the other tabs display the table at much less than full width on a widescreen monitor until you sort a column and then the table pops out to full width.
I get the same effect on my ipad, but it is much less pronounced (at least I did, I don't have my pad w/ me at the mo).
Thank you for looking.
i'll have to look in to this using my pc and firebug… i'm not sure if you are familiour with css anf firebug but you need to check it out http://firebug.wikidot.com/
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
I'm not sure if this will work but in the CSS of the google visualization code on each page try adding:
.google-visualization-table-table {
width: 100%;
}Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.