Grails jQuery icons not showing up -
application.css
*= require main *= require mobile *= require_self *= require bootstrap *= require themes/ui-lightness/jquery-ui-1.10.4.custom *= require_tree .
application.js
//= require jquery //= require js/jquery-ui-1.10.4.custom //= require_tree . //= require_self //= require bootstrap if (typeof jquery !== 'undefined') { (function($) { $('#spinner').ajaxstart(function() { $(this).fadein(); }).ajaxstop(function() { $(this).fadeout(); }); })(jquery); }
buildconfig.groovy
// plugins compile step compile ":scaffolding:2.1.2" compile ':cache:1.1.8' compile ":asset-pipeline:1.9.9" compile ":spring-security-core:2.0-rc4" compile ":spring-security-ui:1.0-rc2" compile ":mail:1.0.7" compile ":jquery-ui:1.10.4" compile ":famfamfam:1.0.1" // plugins needed @ runtime not compilation runtime ":hibernate4:4.3.6.1" // or ":hibernate:3.6.10.18" runtime ":database-migration:1.4.0" runtime ":jquery:1.11.1" runtime ':twitter-bootstrap:3.3.1'
in gsp
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="layout" content="main" /> <title>appointments </title> <g:javascript> $(function() { $("#dialog").dialog({ autoopen: true, modal: true, draggable: false, resizable: false, hide: "puff", show: "slide", height: 200, width: 425, buttons: { ok: function() {$(this).dialog("close");} }, position: { my: "center", at: "center" } }); }); </g:javascript> <style> .ui-widget-header, .ui-state-default, ui-button { background: #ffe6e6; border: 1px solid #ffffff; color: #000000; font-weight:bold; } </style>
and in .gsp
<g:if test="${flash.message}"> <div id="dialog" title=" success!!! "> <p>${flash.message}</p> </div> </g:if>
the icon "x" goes in dialog box close button in top right corner not appear.
so figured out had add gsp's popped dialogs tag
<jqui: resources />
i'm getting icons now.
Comments
Post a Comment