Convert html/css to ServiceStudio Web blocks.

Hi  Robert

As of now there is no available automated way of importing HTML code into ServiceStudio. However it is possible to manually achieve the same design and layout. Essentially all that's needed is to use the CSS as your theme's CSS and create containers for the HTML elements.

Although containers will be rendered as <div> elements, you can adapt your stylesheet (if you're using other HTML elements) to use such elements if you have others. As an example, let's say you have a style applied for the <nav> element, with something like nav { font-weight: bold;}. You can always set the style to .nav {font-weight: bold;} and use the container widget with the nav style.

I hope this helps.

Ceers,
Miguel

@Miguel

Thanks for the reply.

The html are all <div> so they are fine, however there is 3 CSS reference

• <link rel="stylesheet" type="text/css" href="css/style.css"/>
• <link rel="stylesheet" type="text/css" href="css/fontface.css"/>
• <link rel="stylesheet" type="text/css" href="css/sticky.css"/>

and Javascript like this



<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$(function(){
$(".menu_items ul li a.notific").click(function(){
$(this).find('.note').hide();
});
});
});
</script>

Useful resource: http://www.outsystems.com/help/servicestudio/7.0/Web_User_Interface/Web_Widgets_and_HTML_Tags.htm
Useful extension: HTTPRequestHeader.