') ') Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Dec 31
Gross Amount: $10.00
Net Balance: $9.41
Left to go: $90.59

Donations
Dante7237  ($10)Dec-3

Learn XOOPS Core

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 4 6 adslight Android AntiHarvesting AntiSpam API Apple Battlefield billige Blocks Bootstrap Captcha cell chronolabs content CĂN demo Digitally download Dresses facebook Fat floor for free Gateway Google Guide herre Honeypot HP html5 Human HỘ IP iPhone jQuery Language Law Legal List log Loss module modules Monster new newbb news nhiệt NHÀ online PARK Payment phone PHP Prevention profile project Protector publisher Rapid RESIDENCE responsive review Rights rmcommon Room security Sentry Signed site Smartphone Smarty Solution Spam stem Studio support tag tdmcreate template The Theme themes User userlog web weight xoops Xortify XPayment ZendFramework

New Users

Registering user

# 137911

mydarkglobe

Welcome to XOOPS!




Bottom   Previous Topic   Next Topic  |  Register To Post

(1) 2 3 »


#1 Posted on: 2009/12/2 12:36 Message icons in newbb under 2.4.2
I'm not sure if this is the best place to post this, rather than the modules forums. I have just updated my site to 2.4.2. I notice that now the forum icons that appear above the text box when posting a message are arranged vertically rather than horizontally. This is unattractive and a waste of screen space. This seems to be a consequence of the upgrade. Is there a way to either rearrange or eliminate those icons? There must be a way to rearrange them because I notice they are horizontal above this window.

[Edit] OK, it just occurred to me that this might be a theme problem, and it is. If I use a different theme the icons are horizontal. I'll have to look closely at the theme I use as the default (zen-ocean). Of course, if any of you CSS experts out there can quickly see the problem, I'd appreciate your advice.

barryc

Top

barryc
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 480
(Show More) (Show Less)


#2 Posted on: 2009/12/3 8:36 Re: Message icons in newbb under 2.4.2
same thing happens to me

Top

skyangelo
Joined:
2005/4/9 12:22
From Switzerland & France
Group:
Registered Users
Posts: 79
(Show More) (Show Less)


#3 Posted on: 2009/12/3 10:03 Re: Message icons in newbb under 2.4.2
It is because since 2.4.x these little images were enclosed in a label tag (change in /class/xoopsform/formradio.php).

Your theme includes a CSS rule
displayblock;
for label in forms.css

You can remove that rule, which may have other problems on the theme or add
label[name="xolb_icon"] {
display:inline;
}
after that selector.

Top

ghia
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#4 Posted on: 2009/12/3 10:07 Re: Message icons in newbb under 2.4.2
Quote:

skyangelo wrote:
same thing happens to me


What theme are you using? As I said above, I am using a slightly modified version of Kris's zen-ocean. You can see the effect by looking at www.aka.org. Just start a post and you'll see it but you'd have to register to do so.

Here is an image showing the effect

Resized Image


I am still trying to figure out why this is happening. Obviously a line feed is being inserted after every radio button and message icon and it must be a problem with the theme CSS. However, so far I haven't been able to find identifiers in the theme corresponding to these elements.

Again, if anyone can point to where the problem might lie, I'd truly appreciate it.

Also, the required caption marker is being inserted for every element in the form. Ghia posted some code recently related to this problem on the XOOPS site. However, I was not sure where to place that code in my theme. Ghia, if you see this?

barryc

Top

barryc
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 480
(Show More) (Show Less)


#5 Posted on: 2009/12/3 10:32 Re: Message icons in newbb under 2.4.2
Barry, I think you missed my post, while posting yours.

Top

ghia
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#6 Posted on: 2009/12/3 10:54 Re: Message icons in newbb under 2.4.2
ghia,

indeed I did. I could see in the page source the label tags but didn't know about the change in 2.4 that caused this effect. I chose your second option, adding the code below the existing label selector and it works fine now. Once again, I am in your debt.

Incidentally, you probably saw my question about the * caption marker appearing for every element in the form. As I said, I saw your post some days ago about this on the XOOPS site. Can you make any comment about it relevant to these forms in bbedit, etc? Where in the CSS would the code you suggested be placed?

barryc

Top

barryc
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 480
(Show More) (Show Less)


#7 Posted on: 2009/12/3 11:47 Re: Message icons in newbb under 2.4.2
Actually, I had to add some selectors in the CSS for the checkboxes that are at the bottom of the form (use html, etc). So, I added multiple selectors, as below. I am putting these in full as there is at least one other person with the same issue.

label[name="xolb_icon"] {
display:inline;
}
label[name="xolb_dohtml"] {
display:inline;
}
label[name="xolb_dosmiley"] {
display:inline;
}
label[name="xolb_doxcode"] {
display:inline;
}
label[name="xolb_dobr"] {
display:inline;
}
label[name="xolb_attachsig"] {
display:inline;
}
label[name="xolb_notify"] {
display:inline;
}


It might be possible to simplify this by enclosing multiple names after name= but I am not sure of that and couldn't find a reference to it online. Perhaps you would comment, ghia?

I notice that there is a hard space inserted after each line for the checkboxes. It might look better if there were, instead, a space between the checkbox and the line of text that follows.

barryc

Top

barryc
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 480
(Show More) (Show Less)


#8 Posted on: 2009/12/3 18:57 Re: Message icons in newbb under 2.4.2
Yeah, it would be easier if these things had a class as xoradio, xocheckbox, etc

You can have them all in one line separated by commas as
label[name="xolb_icon"] , llabel[name="xolb_dohtml"], label[name="xolb_dosmiley"], ... {
and maybe
label[name|="xolb"]  {
might also work.

For the caption marker, you can add that everywhere. As long as the CSS file is loaded with the form. For Zen-Ocean maybe forms.css or the general style.css

For the spacing, you could also add some margin with the CSS.

Top

ghia
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#9 Posted on: 2009/12/4 11:06 Re: Message icons in newbb under 2.4.2
Quote:

ghia wrote:
and maybe

label[name|="xolb"]  {


might also work.


I tried that option first as it seemed the cleanest, but it did not work. So, I ended up with

label[name="xolb_icon"], [name="xolb_dohtml"], [name="xolb_dosmiley"], [name="xolb_doxcode"], [name="xolb_dobr"], [name="xolb_attachsig"], [name="xolb_attachsig"], [name="xolb_notify"] {
margin-left:                        0.5em;
display:                            inline;
}


At first I had a space between label and [name="xolb_icon]. That does not work. There can be no space there, although there can be between the commas and the next iteration of name. I also added a left margin of 0.5em, as you suggested.

Thanks for the help, ghia. This is neater.

barryc

Top

barryc
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 480
(Show More) (Show Less)


#10 Posted on: 2009/12/4 14:58 Re: Message icons in newbb under 2.4.2
This is due to WCAG2, this means that people which have sight disability can use XOOPS... Yeah it is a stylesheet change that needs to happen.

label {
   
displayinline;
}


Top

wishcraft
Joined:
2007/5/18 15:56
From Marrickville South, NSW, Australia
Group:
Registered Users
Posts: 2130
(Show More) (Show Less)




(1) 2 3 »



You can view topic.
You cannot start a new topic.
You cannot reply to posts.
You cannot edit your posts.
You cannot delete your posts.
You cannot add new polls.
You cannot vote in polls.
You cannot attach files to posts.
You cannot post without approval.
You cannot use topic type.
You cannot use HTML syntax.
You cannot use signature.
You cannot create pdf.
You cannot get print page.

[Advanced Search]