Bootstrap Modal in Appex

Previous Topic Next Topic
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view

Bootstrap Modal in Appex

Maarten Mostert-2


I have the following line of html I need to modal in javascript in order to get the closing cross in my bootstrap modal dialog.


<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>


Bootstrap uses >&times;  in order to show the multiplication cross character


I use the following script to make the buttton.


var aModalTopCloseButton = this.elementNameClass("button","close");
      aModalTopCloseButton.setAttribute("data-dismiss", "modal");
var aSpan1 = document.createElement("span"); 
      aSpan1.setAttribute("aria-hidden", "true");


aModalTopCloseButton.appendChild(aSpan1 );
aModalTopCloseButton.appendChild(this.spanWithClassText("sr-only","Close") ); 


The above however doesn't work it'll show me the modal like this.
While it should look like this:


I am pritty sure there is a small detail I don't get.


Thanks for any help.




vwnc mailing list
[hidden email]