Forums

Hi Max, 

When I create a form using a dropdown, it looks and works perfect in the preview from the admin console. However when imported in an article I don't see the icon for the pulling down of the dropdown. Nevertheless the icon become that big that I can't see it or only a small part. The whole page now however responds to clicking as if the dropdown is being clicked. 

I tried fixing it via the css, but the only way to get it working is by hidding the icon, using display:none; I think there is a bug in the styling when writing the article compared to the admin preview. 

It might be triggered by my divs in which the article is shown has different styling than normal, but almost everything appears okay except the icons. The settings of the icon that mostly influence the size are given in this styling section below in bold:

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {  cursor: pointer;  position: absolute;  width: auto;  height: auto;  line-height: 1.21428571em;  top: .78571429em;  right: 1em;  z-index: 3;  margin: -.78571429em;  padding: .91666667em;  opacity: .8;  -webkit-transition: opacity .1s ease;  transition: opacity .1s ease;}

Hope this helps to find this (for me at least) anoying bug. 

Kind regards,Pim

Hi Pim

v8 does not use the ".ui" classes, that was in v7, in v8 classes start with "nui", are you sure you have selected the correct css classes ?

Hi Max, 

Thanks you of course right. It was not cf7, but a cf6 form, that was working correctly before. However some how it got messed up in the past months during my work with cf8, causing my misinterpretation. I did have a similar issue with cf8 earlier. So maybe there is some interaction between both that does cause the issue. I will investigate later and keep you posted. 

Kind regards, Pim

ok, but the form in question now is v6 or v8 ? because v8 elements should not be affected by .ui classes