search

ngOfficeUIFabric / ng-officeuifabric

Office UI Fabric (https://github.com/OfficeDev/office-ui-fabric) implementation for Angular
http://ngOfficeUiFabric.com
MIT License
321 stars 67 forks source link

grid column not working #406

Closed zavier-sanders closed 8 years ago

zavier-sanders commented 8 years ago

Hi,

I'm using ng-OfficeUIFabric to create a custom SharePoint 2013 form. For some odd reason, I can only get one "uif-" directive to render within a column. This should be pretty straightforward since it's just a grid system, but I'm completely stuck. I can use multiple fields in a column with bootstrap, but with ng-OfficeUIFabric I'm stuck with one.

Expected Behavior: I should be able to have multiple fields/directives within a column.

Actual Behavior: Only one field/directive gets rendered in a column.

The fields in line 36 and 41 don't get rendered. Nothing gets rendered after the first directives (lines 35 & 40), even if I type plain text.

image

I'm really looking forward to developing custom SharePoint forms with ng-OfficeUIFabric and appreciate any help with this issue.

Thanks

ghost commented 8 years ago

Don't use self-closing tags for e.g. uif-textfield. Please try that :)

zavier-sanders commented 8 years ago

Thanks @rolandoldengarm ! Removing the self-closing tags worked.

image

andrewconnell commented 8 years ago

This project actually schooled me on that... self-closing tags aren't typically legit. There are a few in HTML that is always shown that way, but Angular exposed that thinking as bad...