CODEWITHSUNDEEP
modal-dialognativescriptangular2-nativescriptnativescript-angularangular-nativescript
Prajil Shrestha
Prajil Shrestha

Reputation: 154

Nativescript Angular modal view border radius not working

I am trying to create a modal and have round edges on the modal, but the problem is with the modal container which I cannot seem to access.

Modal Wrapper:

<FlexboxLayout flexDirection="column" alignItems="flex-start" justifyContent="space-around" class="wil-modal">
</FlexboxLayout>

Wrapper Css:

.wil-modal {
  height: 310;
  width: 330;
  border-radius: 30;
  background-color: #3C5AFD;
  border-width: 3;
}

Modal has a white square Wrapper

I want to apply or remove the white wrapper that is containing my Flexbox.

Upvotes: 1

Views: 825

Answers (1)

Prajil Shrestha
Prajil Shrestha

Reputation: 154

We figured out that wrapping the modal component with a modal stack tag like

<modal:ModalStack class="modal-container"> <--- this
<FlexboxLayout>
Modal content here
</FlexboxLayout>
</modal:ModalStack>

did the trick.

Upvotes: 1

Related Questions