88
Views
3
Comments
Solved
Override CSS Pagination
Application Type
Reactive
Service Studio Version
11.53.18 (Build 61343)

Hi everyone, 

I want to customize the CSS of the pagination component, i tried overriding the CSS class that uses the navigation component on a Screen Style Sheet but any of the changes i made actually works. This is the actual style:

And this is what i want to achieve, not exactly but something like that: 

Any help is welcome, 

Thanks!

2021-06-02 20-50-04
Márcio Carvalho
Solution

Copy the Component and make your changes (using custom classes, putting other components that you might need to use, etc) that will work on this "custom component" (I can see it needs a dropdown there) and on the original.

While doing that, use the inspect and a tool to change the CSS seeing the changes, is easier.

https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol/related?utm_source=chrome-ntp-icon

Kind Regards,

Márcio

UserImage.jpg
Samuel Pernas

Thanks Márcio for your answer, but i don't know where you want me to copy the component to create the custom one. 

2021-06-02 20-50-04
Márcio Carvalho

On the OutsystemsUI module. 

  1. CTRL+O
  2. Type outsystemsui
  3. And open

Then

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.