Skip to main content
Nintex Community Menu Bar
Question

Millau upgrade 11.2.8 - rich text editor - margin off

  • July 11, 2024
  • 22 replies
  • 0 views
  • Translate

Forum|alt.badge.img+8

When I place the cursor side in the textbox for editing, the typed text appears at the bottom and outside of the box.

The height property is causing this issue. Once removed, cursor positions correctly.

/* Fix border, weight, and height of form inputs */
.nx-field .flex-text-wrap pre,
.nx-field .nx-richtext-input,
.nx-field input,
.nx-field textarea {
    border: 1px solid #dddbda;
    height: calc(1.875rem + (1px * 2));
    font-weight: 400;
}

Is this a known issue?

Did this topic help you find an answer to your question?

22 replies

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

I cannot seem to find a good workaround to reset the height. Can you please advise?

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Hi any updates on this? Looking forward to fixing this soon or a recommended workaround without using JS?

Translate

Forum|alt.badge.img+7

Hi Jili

I cannot see that this is related to any bug?  Do you have any other CSS in your page?

If possible can you provide a sample XML of the page based on a common object i.e. Contacts/Accounts etc. and I will have a look?

Chat soon

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Can you change the custom object name to one of yours? Just make sure it has a rich text field.

Translate

Forum|alt.badge.img+7

Hi Jili

I have tested this on 2.8 and 2.9 and I am getting similar results.

I am investigating it further and should have a result today and will post the answer here.

Chat soon.

Translate

Forum|alt.badge.img+7

Hi Jili

If you include a Skuid page as a lightning component and not a VF page this will not happen.

Here is a reference in our documentation on how that is achieved.

What you need to do is drag the Skuid lightning component into your lightning page and type the exact name of you Skuid Page and Save and you will be good to go.

Happy Skuiding!

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Hi thanks for the reply. We are still on Classic. Is there a fix for non lightning customers?

Translate

Forum|alt.badge.img+7

Hi Jili

Would like to check if you are using the Lightning theme?

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Just checked with theme=“Lightning Design”. It is still showing similar results.

Translate

Forum|alt.badge.img+7

Yes this is an issue when using the Lightning design theme outside of Lightning.  If you change to another it should be ok.

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Why is our custom theme triggering

.nx-field .flex-text-wrap pre,
.nx-field .nx-richtext-input,
.nx-field input,
.nx-field textarea {
border: 1px solid #dddbda;
height: calc(1.875rem + (1px * 2));
font-weight: 400;
}

When theme = “classic”, only this came up:

.nx-field .nx-richtext-input {
-webkit-user-select: text;
user-select: text
word-wrap: break-word;

classic:

our custom theme:

 ![](https://us.v-cdn.net/6032350/uploads/attachments/RackMultipart20181002-17243-e9cey7-height_2_inline.PNG "Image: https://d2r1vs3d9006ap.cloudfront.net/s3\_images/1754671/RackMultipart20181002-17243-e9cey7-height\_2\_inline.PNG?1538511357")
Translate

Forum|alt.badge.img+7

Could it be that you cloned a Lightning theme?

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

It could be. The theme was created >3 years ago by Rob at Skuid. The rich text is the only control having issue with the new css from Milau. Do you have a fix if it was cloned from a lighting theme? The new css is part of the native CSS in Millau. It is broken with our custom theme. The other text boxes are ok.

I fixed it by overriding the height: unset for the rich text. It would be nice to know the reason for it. If this is a bug in Skuid around rich text area. I cannot keep overriding these things. Thanks!

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Hi Greg, I tried these steps:
1. export existing custom theme
2. create new - import theme with downloaded from 1



Do you know why?

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Also tried to import from the actual static resource created in Salesforce directly.

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Tried a brand new theme with Lighting design as base theme, clone our existing page and switch to the new theme.

Translate

Forum|alt.badge.img+7

Hi Jili

I would rather create a new theme from a similar colour base as you have and then see what the differences are after applying it to the pages.  Then go into the new theme and see what is available that you can change to come as close as possible to the highly customised theme that you have from Rockaway.

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Ok. The issue is that the page is issuing the error above in the screenshot.

I did create 2 new themes One is with base theme = Lighting design and the other with base theme = Modern. When I used them on one of our existing contact page, I got this errorac5f0f3645ab0228302f0ae20c6ba493ecaecf4f.png

Is there any details around the error in the notifications Skuid received? Thanks!!

Translate

Forum|alt.badge.img+7

You should only use the Lightning theme if you intend including your page as a lightning component.

Did this error occur with both themes?

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

Yes, both.

Translate

Forum|alt.badge.img+8
  • Author
  • 122 replies
  • July 11, 2024

We will still wrap it in a VF for now.

Non lightning theme will still work when we switch to Lightning experience, correct?

Translate

Forum|alt.badge.img+7

In principle yes but you need to be aware of some of them such as - “The Silk icon set is only available when using the Skuid Classic theme, or when using themes that are based on the Classic theme. Silk icons are not available in the Skuid Lightning Design theme.”  Have a look at this document here: https://docs.skuid.com/latest/en/skuid/themes/

Translate

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie Settings