>Hi everybody,
>
>I made changes in my modalInfo.html to use pre tag instead of textarea. It is now quite nice except for the fact it doesn't use full width of the form (I use modal and size = 'lg').
>
>Is there a way to style pre tag correctly?
>
>Here is my form now:
>
>
><div class="modal-header">
> <button type="button" class="close" data-dismiss="modal" ng-click="$dismiss()" aria-hidden="true">×</button>
> <h2 class="modal-title" style="text-align:center">{{ title }}</h2>
></div>
><div class="modal-body">
>
> @*<textarea ng-model="message" ng-readonly="true" rows="20" class="form-control col-lg-12"></textarea>*@
> < pre class="input-xxlarge">{{message}}</ pre>
>
></div>
><div class="modal-footer">
> <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="$dismiss()">{{ okLabel }}</button>
></div>
>
>and that input-xxlarge doesn't have any effect. Here is how the form looks like (see attached).
>
>Thanks in advance.
Doesn't setting width to 100% work ?
IAC the pre tag seems a slightly odd choice. FWIW in most of my modals I use an angular form for the modal-body content - which will give you all of the layout options you can require.....