Open Closed

abp-lookup-input documentation - modal width too small #6817


User avatar
0
0365-Service created
  • ABP Framework version: v8.0.4
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no

Where can i get documentation on the following tag? <abp-lookup-input>

The modal it displays that was generated by the suite is way too small, but i cannot find documentation on it's properties. It just does not look nice


7 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello ,

    You can pass options to abp-modal as follows: <abp-modal [(visible)]="visible" [busy]="modalBusy" [options]="{ size: 'sm' }"> Allowed size options are: 'sm' | 'lg' | 'xl' |

    Thank you.

  • User Avatar
    0
    0365-Service created

    This is not a modal but a <abp-lookup-input> tag. It does not support that option

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello ,

    You can write this code in styles.scss file.

    div#data-tables-table-filter { display: grid; }

    Thank you.

  • User Avatar
    0
    0365-Service created

    This did not work for me. I am using angular and the style had no effect on the size of the modal. It did stretch the search box across the width of the modal, but I want to make the whole modal window larger through the <abp-lookup-input> tag. Reason being that the text I want to show in the picker window is long and i do not want it to wrap

  • User Avatar
    0
    0365-Service created

    Where can i found documentation on the possible values for ngModelOptions.

    <abp-lookup-input cid="group-manager-user-id-lookup-id" formControlName="groupManagerUserId" displayNameProp="userName" lookupNameProp="displayName" [getFn]="service.getGroupManagerUserLookup" [editingData]="service.selected?.groupManager" [ngModelOptions]="{ standalone: true }"></abp-lookup-input>

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello,

    If you want to make the whole modal window larger then you have to apply the css for abp-modal only. but it will affect on all the abp-modal in your application. for example if I add below code in style.scss

    .modal{
      --bs-modal-width: 800px;
    }
    

    it will result like

    It will not done through abp-lookup-input.

    Otherwise you have to customize it at your own.

    Thanks,

  • User Avatar
    0
    0365-Service created

    Thank you. Hopefully in the future the input tag will allow more customization.

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 20, 2025, 18:00