Suggestion: dropdown

Hello Willem,
I hope you had an awesome starting of the new year.

I am working on a new version of the plugin, which will be ready in a few days. I think it shouldn’t be difficult to also add the options of displaying the listing in a dropdown. so I will probably add that option in the new version.

you can download and install the plugin now, so that when the new version will be published, you’ll automatically get the notification for the update.

cheers!

Hello,

I just wanted to tell you that I’ve published the new version (1.2.0) and among the several new options, you can find the option to display the posts into a simple dropdown.

I hope you’ll enjoy the plugin, and if so, please consider to vote it, it’s very important for me.

cheers!

I have voted it and gave it a five star rating!!

Suggestion: I changed the text ‘Browse…’ in ‘Selecteer een titel ..’. It would be nice if I could change this directly in the widget.

Willem

That’s great, thanks!

I see what you mean but I think that there are already many options and I think that this one is not very important. actually is pretty easy to edit the output template (like you did) if someone needs something so particular. I fear that if I start adding options for everything it might become too crowded and confusing..

though, for the future, I might consider to make a translatable version of the plugin, but it’s not on the list of my priorities.

cheers!

Hi,

I tested the drop down facility in different browsers. In Chrome the selection field is grey. Can it be changed so that it is white like in Firefox and IE?

Willem

can you share the link of a sample page please?
I think it’s because if the css (meaning your site css, I deliberately put no rules about it in the plugin, so it picks the site’s) is not providing info about how to style the selectors and input fields, the browser is styling them following its own styles.

anyway, each element in the widget template has its own class, so you can easily target the selector and set it to have the style that you wish.
in this case is:

selector.pbytax-dropdown {
put your stile rules here
}

I hope this will help

The address of my weblog is: weblog spiritualiteit – zoeken vinden loslaten

You can find the plugin in the sidebar. When you open the blog with Chrome you will see that it is grey.

I think I can use the code you have given in my css stylesheeteditor. It will overwrite the stylesheets of my template. But I don’t know which style rules I can put there. Can you tell me which rules I probably have to put on the place you call: ‘put your site rules here’?

Willem

On a windows machine you won’t see what I mean. I see it on my android tablet.

Willem

Ah, you mean the little arrow on the rightside I suppose.

unfortunately that’s a very big shortcome of browsers. each of them is styling it differently and there is no easy way to style it from our side.
there are some tricks and workarounds to style it, but they require a quite advanced knowledge of css and ability to edit the html too.

you could try searching on google about it, here are just the first couple of related pages I found (you basically have to wrap the selector dropdown into a div, and then style it as if it was the selector, deactivating the styles of the actual original selector):
https://stackoverflow.com/questions/14218307/select-arrow-style-change
https://stackoverflow.com/questions/611482/change-color-and-appearance-of-drop-down-arrow

but as you can see, they are not doing exactly what you need. if you just need to change the background behind the arrow, it is probably not worthing to spend time on coding such a workaround.

I think that the grey/white background of the arrow is not such a big problem and you could easily just leave it as it is.

Hi Piccart,

It’s not the arrow itself which is grey on my android tablet but the selection field.

I also found myself an article about the subject. It looks simple to me but I’m not an programmer, I’m only a simple user. Maybe this article is something for you.

Willem

Sorry, I forgot the link:

if it’s not the arrow, you can easily style the background and the border and other things related to the selector box itself.

just add to your theme stylesheet file, something like:

select.pbytax-dropdown {
   background-color: #FFF ;
}

if then you want to tweak the text color or the borders too, by instance, you just add into the brackets something like:

color: #444;
border-color: #CCC;

there are a lot of css styles rules that you could specify, but this is not really the scope of this support forum, sorry.

I hope this will be enough for sorting your issue.
cheers!

Hi Piccart,

This was the solution. Now the background is white in Windows and in Android.

Thanks!

Willem

perfect!

good luck with your site
cheers!