Skip to Content (Press Enter)
OutSystems.com
Personal Edition
Community
Support
Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Jobs
Ideas
Members
Mentorship
User Groups
Platform
Platform
ODC
O11
Search in OutSystems
Log in
Get Started
Back to Forums
Robert Chanphakeo
2
Views
3
Comments
Convert html/css to ServiceStudio Web blocks.
Question
Where to find someone to convert html/css to serviceStudio web blocks?
1 page.
Note: Everything is already built in html/css just need to import it into service studio and create web blocks that developers can use.
Miguel Ventura
Staff
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
Robert Chanphakeo
@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>
Robert Chanphakeo
Useful resource:
https://www.outsystems.com/help/servicestudio/7.0/Web_User_Interface/Web_Widgets_and_HTML_Tags.htm
Useful extension: HTTPRequestHeader.
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
See the full guidelines
Loading...