|
Title: css button problem Post by: crosemffet on January 25, 2014, 02:19:42 PM in messager alert window, I get round ok button, but I want square ok button, like shown in the demo page.
my code: $.messager.alert('My Title','My Text','warning'); to make it clear, I've uploaded one image: I want the right result, but I get the left result. also, I have the ok button focused, and I don't want it. any idea...? thanks in advance.... ps: I've try: $('body div.messager-body>div.messager-button').children('a.l-btn').linkbutton({plain:true,iconCls:'icon-ok',selected:false}); no results.... Title: Re: css button problem Post by: stworthy on January 25, 2014, 05:48:46 PM Please use the 'easyui.css' file from the site http://www.jeasyui.com/easyui/themes/default/easyui.css.
Code: <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css"> Title: Re: css button problem Post by: crosemffet on January 26, 2014, 01:12:43 AM ok, now the buttons works fine, but another problem comes out...
now the menu button icons always remain in center of the text. the new css file provided is different from the previous one (of course), and now I can't align my menu icons to left.... example code for home menu: ------- .icon-home{ background:url('images/home.png') no-repeat center center; } then <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-home'" onclick="javascript:populateHome();">Home</a> ------- same thing happens with datagrid icons. remains in the center of the text. please see the attached picture, thanks again for your support, Title: Re: css button problem Post by: stworthy on January 26, 2014, 02:28:24 AM Please re-download the theme file from http://www.jeasyui.com/easyui/themes/default/easyui.css. Be sure you are using the latest version 1.3.5.
Title: Re: css button problem Post by: crosemffet on January 26, 2014, 05:17:05 AM thanks stworthy, you solve it again !.
but, there's a minor point that remains unsolved... I know is not important, but when alert messages comes alive, the ok button comes selected, focused, or something like that.... so, ther's a squared dot line rounding the OK message, that ruins the button (see attached picture) there's any way to unfocus the ok message....? thanks in advance, Title: Re: css button problem Post by: crosemffet on January 26, 2014, 01:36:13 PM another situation, the last css file downloaded hides icons in datagrid pagination footer....
regards, Title: Re: css button problem Post by: stworthy on January 26, 2014, 06:21:57 PM Please update the theme file from http://www.jeasyui.com/easyui/themes/default/easyui.css. To hide the outline line around the button, add the code below to the page.
Code: <style> |