problem with lookup control

[frankbicknell]

There seems to be a limit to the width in a textbox set as a lookup. No matter what width I set for the control the control shows only 12 characters. Anyone have a solution to this?

[Davidk]

Re: problem with lookup control

I'm not seeing this. You've not posted what Type your Lookup is or how it's defined or your Alpha build/version, but as Auto-Suggest I can type in more than 12 characters. As an Edit-Combo List the dropdown expands to the maximum of the longest item in the dropdown list. Which part are you having trouble with and how is it, and the control, defined?

[frankbicknell]

Re: problem with lookup control

Ok David here are some more details.

It is an edit combo. The dropdown portion displays all of the text, however, when an item is selected and the dropdown closes the textbox only displays a portion of the item selected.
2017-04-17_13-26-43.png
2017-04-17_13-27-08.png
2017-04-17_13-28-45.png

[frankbicknell]

Re: problem with lookup control

When I inspect the element I see that the size is set to 20 and the width set to 100 which is the number of characters showing. How do I change the size and width properties?

<input id="TBI_TR_BR_UX_S_82229QOJV_GRID1_YDQZZ_YDQZZ17131845.V.R1.VNAME_VTV" name="V.R1.VNAME_VTV" value="" autocomplete="off" [COLOR="#FF0000"]size="20" [/COLOR]
class="GrGrayEditBGEdit" [COLOR="#FF0000"]style="width: 100px;[/COLOR] ; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;" 
readonly="" a5controlbound="true" a5isdirty="false" a5lastpersistvalue="Ohio Department of Jobs &amp; Family Service">

[Davidk]

Re: problem with lookup control

Thanks for the additional info. I'm still not seeing this. However, I can't replicate what you're attachments are showing. How is your dropdown section wrapping? Mine simply expands. What Style are you using. What Alpha version/build?

[Davidk]

Re: problem with lookup control

Ok... let's get some info not yet divulged. You're in a Tabbed UI. Are you running a Grid or a UX?

[frankbicknell]

Re: problem with lookup control

After more inspecting I think this is a bug. I don't see anyway to change those 2 properties. If I change them in the developers tools the full text is displayed.

[frankbicknell]

Re: problem with lookup control

A UX in a Tabbed UI. With the latest non pre-release. It is an a container with several other controls. I have a few of these in different parts of my ux and they all exhibit the same behavior.

[frankbicknell]

Re: problem with lookup control

It looks like if I just change the width in the developer tools. The entire name shows. It is not using the width that I have in the width property of the control.

I found a work around for now. I'm still not sure if it a bug.

If I use this in the onInitializeComplete Client-Side event.

$('{dialog.ComponentName}.V.R1.VNAME_VTV').style.width="280px";

[Davidk]

Re: problem with lookup control

I think there's a lot going on here so a simple sample TabbedUI with a UX is needed. There's so much that can affect this stuff... and now there's a container involved. Set up a sample Tabbed UI and build a UX for it with a TextBox using just Static data. Make sure you put everything else in... e.g. the Container.

From what I can see, you may have added something that is affecting your TextBox Lookup. I'm not seeing width issues in my tests.

[frankbicknell]

Re: problem with lookup control

Thank you for your help David, I will throw together a test case and see if it persists.

[frankbicknell]

Re: problem with lookup control

I sent this in as a bug report.
All of the textbox controls set to dynamic Edit-combo have a fixed width of 100px and a size of 20 no matter what I set the width to in the style property.

this is what I get when I examine the element with the internet explorer developer tools I get this:

<input name="V.R1.TEXTBOX1" class="GrGrayEditBGEdit" id="DLG1.V.R1.TEXTBOX1" style="[COLOR="#FF0000"]width: 100px[/COLOR]; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;" size="20" value="" autocomplete="off" A5ControlBound="true" A5IsDirty="false">

If I look at the xbaxic in design mode I see this line:

<input      id="{dialog.componentname}.V.R{dialog.rownumber}.TEXTBOX1" name="V.R{grid.rownumber}.TEXTBOX1"  value=""  autocomplete="off"   size="20" class="[theme:editButtonGroup.base.container.editClassName|class.editButtonGroupEdit]" style="[COLOR="#FF0000"]width: 100px;[/COLOR] ; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;" />

The size and width seem to be hard coded somewhere.

When I examine an older ux that has not been saved with the most recent candidate the width property is set to 100% not 100 px.
If I use this in the onInitializeComplete Client-Side event.

$('{dialog.ComponentName}.V.R1.VNAME_VTV').style.[COLOR="#FF0000"]width="100%[/COLOR]";

The control respects the width setting in the controls style property.

[Davidk]

Re: problem with lookup control

It'd be nice to have a sample showing this.

[frankbicknell]

Re: problem with lookup control

here is an example
https://www.screencast.com/t/SsCvtXN9
Test_lookup_width.a5wcmp

[GGandhi]

Re: problem with lookup control

you have shown the result, and the edit combo definition, sample edit combo how it looks like, stationary and on the screencast, the letters are the last of the data that is visible. if scroll to the left of the edit combo i am sure you can see the rest of the letters.
would you be willing to show the text box definition in the ux builder, ( obviously i cannot test your component) where you set the style.