Databases
StackOverflow2013
Postsdbo
POCakephp jQuery dialog title bar: close button doesn't shows its icon and title
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCakephp jQuery dialog title bar: close button doesn't shows its icon and title
    text
    copied!<p>I have a problem with close button of the jquery modal dialog in cakephp.</p> <p>Dialog is displayed ok. Close button in the title bar is displayed too, but "x" symbol is not displayed, neither is title text of the close button on mouse over.</p> <p>Here is the code:</p> <p>In the default.ctp I have</p> <pre><code>... echo $this-&gt;Html-&gt;css('jquery-ui'); ... echo $this-&gt;Html-&gt;script('jquery-1.10.1.min'); echo $this-&gt;Html-&gt;script('jquery-ui-1.10.3.custom'); ... </code></pre> <p>In the view:</p> <pre><code>&lt;div id="dialog-modal" style="display:none"&gt;&lt;/div&gt; echo $html-&gt;link($a,$href,array('class' =&gt; 'modalDlg','id' =&gt; "id,'title' =&gt; 'Title','escape' =&gt; false)); </code></pre> <p>and script code:</p> <pre><code>$(".modalDlg").click(function(){ title = $(this).attr('title'); $('#dialog-modal').load( $(this).attr('href'), function(){ $(this).dialog('option','title',title); $(this).dialog('option','closeText',CLOSE); $(this).dialog("open"); $(this).fadeIn(1000); } ); return false; }); $(function(){ $("#dialog-modal").dialog({ autoOpen: false, closeText: "close", modal: true }); }); </code></pre> <p>For testing reasons I have tried to set closeText in the initialization part and in before open, but neither works.</p> <p><b>Update:</b></p> <p>Here is what above jQuery code has produced for the close button:</p> <pre><code>&lt;button class="ui-dialog-titlebar-close"&gt;&lt;/button&gt; </code></pre> <p>while in the demo code for the jQuery Modal Dialogs the code for the close button looks like this:</p> <pre><code>&lt;button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"&gt; &lt;span class="ui-button-icon-primary ui-icon ui-icon-closethick"&gt;&lt;/span&gt; &lt;span class="ui-button-text"&gt;close&lt;/span&gt; &lt;/button&gt; </code></pre> <p>Anybody can help with this?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload