EasyUI Forum
May 20, 2024, 11:08:27 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: css button problem  (Read 11842 times)
crosemffet
Jr. Member
**
Posts: 68



View Profile WWW Email
« 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....
« Last Edit: January 25, 2014, 02:21:33 PM by crosemffet » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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">
Logged
crosemffet
Jr. Member
**
Posts: 68



View Profile WWW Email
« Reply #2 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,
« Last Edit: January 26, 2014, 01:23:49 AM by crosemffet » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 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.
Logged
crosemffet
Jr. Member
**
Posts: 68



View Profile WWW Email
« Reply #4 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,
 
« Last Edit: January 26, 2014, 05:54:10 AM by crosemffet » Logged
crosemffet
Jr. Member
**
Posts: 68



View Profile WWW Email
« Reply #5 on: January 26, 2014, 01:36:13 PM »

another situation, the last css file downloaded hides icons in datagrid pagination footer....
regards,
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #6 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>
.l-btn-focus{
outline-width:0;
}
</style>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!