Button Form Control (oxy_button) Truncating Action Name

[dreifsnider]

Hi,

I'm using several button form controls, and have localized their names using a translations.xml file.

Unfortunately, the names within some button form controls are being truncated, with an ellipses being shown in place of the remaining characters.

For example:

image.png (8.61 KiB) Viewed 1049 times

The full name of the first button is target..., but the ending "t" is removed and targe... is displayed. Likewise, the last button's name is Doc Portal, but the ending "tal" is removed and Doc Por... is displayed.

I thought this was being caused by the size of the button itself, but I didn't see any options to increase the width of the button to account for the full width of the name text. Is there anyway to increase the width of the button to display the full name text?

Thanks!

Daniel

[Radu]

Hi Daniel,
You are using the Oxygen desktop application right? Or are you using the Oxygen WebAuthor in-browser distribution?
Can you post maybe a small sample with how your CSS customization which adds the buttons looks like?
Also what Oxygen version are you using and are you on a high dpi screen? Maybe also tell me your DPI resolution.
Regards,
Radu

[dreifsnider]

Hi Radu,

Thanks for your reply! Yes, I'm using Oxygen Desktop, but I also plan on adding this to our Web Author framework as well.

I modified the buttons since I made the original post, but I still am seeing the same issue with using the buttonGroup form control:

image.png (7.84 KiB) Viewed 989 times

Here's a sample of the CSS I'm using:

Code: Select all

 @media oxygen {
*[class~="topic/xref"][href]:before{
       display:inline-block;
       content:
            url("img/link.png")
            oxy_button(
                actionID, 'xref.expand.specs', 
                transparent, true, 
                color, navy, 
                fontInherit, true, 
                showText, true, 
                enableInReadOnlyContext, true
            );
       text-align:left;
       font-family: sans-serif, verdana, helvetica;
       font-size: 0.75em;
       unicode-bidi:embed;
       direction:ltr;
       margin-right:10px;
    }
    *[class~="topic/xref"][href]:-oxy-visible-xref-specs:before {
       display:inline-block;
       content:
            url("img/link.png")
            oxy_button(
                actionID, 'xref.collapse.target', 
                transparent, true, 
                color, navy, 
                fontInherit, true, 
                showText, true, 
                enableInReadOnlyContext, true
            )
            oxy_buttonGroup(
                label, 'Link Target',
                actionIDs, "xref.target.local, xref.target.nonlocal"
            );
       text-align:left;
       font-family: sans-serif, verdana, helvetica;
       font-size: .75em;
       unicode-bidi:embed;
       direction:ltr;
       margin-right:10px;
    }
    *[class~="topic/xref"][outputclass~="nonlocal"][href]:-oxy-visible-xref-specs:before {
       display:inline-block;
       content:
            url("img/link.png")
            oxy_button(
                actionID, 'xref.collapse.target', 
                transparent, true, 
                color, navy, 
                fontInherit, true, 
                showText, true, 
                enableInReadOnlyContext, true
            )
            oxy_buttonGroup(
                label, ' Link Target ',
                actionIDs, "xref.target.local, xref.target.nonlocal"
            )            
            "  Scope:  "
            oxy_combobox(
                edit, "@scope",
                editable, false,
                values, "peer, external",
                labels, "peer, external",
                columns, 10
            );
       text-align:left;
       font-family: sans-serif, verdana, helvetica;
       font-size: .75em;
       unicode-bidi:embed;
       direction:ltr;
       margin-right:10px;
       text-decoration:none;
    }
    }

As for the Oxygen version, I'm using v26.0, build 2024012406.

The monitor I'm using is a Dell U3219Q, which has a dpi of 140. I'm also using Windows 10 and the scaling setting is set to 150%:

image.png (757.46 KiB) Viewed 989 times

I see the same issue on my laptop's monitor which has a dpi of 145 (1920x1200 at 15.6"), but has the scaling setting set to 100%:

image.png (777.06 KiB) Viewed 989 times

I hope this helps!

Daniel

[Radu]

Hi Daniel,
For now I cannot reproduce the problem on Mac or Windows but I cannot control the Windows DPI as I'm working remote from a mac.
I added an internal issue to look further into this, pasting the issue ID below:
EXM-54294 Button group form control does not display entire text content
I see you added some spaces for extra padding around the button text, does that help? I removed the spaces in my tests.
Also if you change the display resolution to 100% or 200% DPI and restart Oxygen does the problem still manifest?
Anyway I think that this problem should not appear also in WebAuthor.

Regards,
Radu

[dreifsnider]

Hi Radu,

Thank you for your reply and for submitting an internal issue!

I will try various different display resolutions to see if they have any affect as well as remove the space padding around the labels. I'll also test with Web Author to see the experience there.

Thanks again for your help with this.

Daniel