File Preview Solution for muse ( How do I add in width and height Restrictions?)

Report · Sep 21, 2015

Right so i have this HTML code that I can embed into Muse which is -

var loadFile = function(event) {

var reader = new FileReader();

reader.onload = function() {

var output = document.getElementById('output');

output.src = reader.result;

};

reader.readAsDataURL(event.target.files[0]);

};

</script>

This code allows me to preview files but how do I add what width and height I want the file to be previewed at? Please help, many thanks!

Report · Sep 22, 2015

I imagine you could use CSS to define the height & width of your #output selector.

CSS:

#output {

/**adjust numeric values in px as desired**/

height: xxxpx;

width: xxxpx;

}

HTML:

result comes out here...

</div>

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Sep 28, 2015

Im adding this code into Adobe Muse which allows you to insert HTML but not CSS, is there any other way about this?

Report · Sep 29, 2015

You add the CSS in the page properties in the Meta data section for <head> code.

You would add:

<style>

#output {

/**adjust numeric values in px as desired**/

height: xxxpx;

width: xxxpx;

}

</style>

Report · Sep 28, 2015

Its okay I've found the solution, thank you for your help