Top menu button customization in OutSystemsUIWeb (OutSystems 11), Part Two

In the previous post,¬†we've explored the OutSystems top menu and stripped it of its' style. Now, let's customize it! To better show the differences between 'normal' CSS and the CSS you'll write for OutSystems, we'll 'translate' a well-loved CodePen by Paraskevas Ntinakis¬†into the OutSystems ecosystem. Here's the Pen: https://codepen.io/perry_nt/pen/eVboze We'll be using the 'From Left' … Continue reading Top menu button customization in OutSystemsUIWeb (OutSystems 11), Part Two

Top menu button customization in OutSystemsUIWeb (OutSystems 11), Part One

In this blog post, I'm using CSS3 to animate the top menu in OutSystemsUIWeb. First, I'll explain how the classes for the top menu in the default BaseTheme are layered and strip them of their OutSystems style. Then we get straight down to the customizing business in a follow-up post, and at the end, I'll … Continue reading Top menu button customization in OutSystemsUIWeb (OutSystems 11), Part One

Re-styling the Columns widget with CSS in OutSystems 11

There's a great tutorial about styling (or 'extending') SilkUI patterns on the OutSystems website, which (very conveniently) takes styling the Columns structure widget as an example. However, since the release of OutSystems 11, this tutorial no longer works unconditionally because many OutSystems applications now use OutSystemsUIWeb instead of SilkUI. One of the great things about … Continue reading Re-styling the Columns widget with CSS in OutSystems 11