Efficy Overflow Q&A - Recent questions tagged css

Change checkbox label position in edit form

Thu, 16 May 2019 09:58:54 +0000

Hello,

Is there an easy way to change the label position of a checkbox field in efficy 10SP2 in an edition form? For example i would like the gdpr label to be right of the checkbox instead of above it using the standard checkbox.

I have changed the field data definition (field management) label position but that doesn't seem to work.
I have tried with a custom field definition creating my own checkbox but the data isn't saved (i'll try to continue on this but wanted to ask here first).

I know i could change the css but this seems to be a lot of work (seeing the complexity of the switch class) for a simple modification.

Thank you.

Ken

Efficy 11, font icons not displayed if Efficy has been installed in a subfolder of wwwroot

Thu, 05 Apr 2018 14:03:58 +0000

If your Efficy instance has been configured to be accessed not from the web root folder http://myhost.com/crm/* but from a subfolder, for example like http://myhost.com/11.0/crm/* , then you need to adapt the value of a SASS variable to reflect this and recompile the CSS.

Without that, your Efficy icons will appear missing, and some other minor image references will be missing like so :

In order to adapt the value of the SASS variable $base-path, follow these steps :

Open the standard file \efficy\scss\_app-settings.scss
Find and uncomment the appropriate line (1434)
Change $base-path accordingly, in our example :

$base-path: "/11.0/";

Execute the following command to compile the Efficy.css :

compass compile C:\inetpub\wwwroot\11.0\efficy\scss" --force
Refresh your browser cache

Align Sections in edit forms (with flex)

Tue, 27 Feb 2018 17:20:57 +0000

Having several sections in a edit form can quickly become (lame joke alert) a pain in the sass. Especially if you are having section with different sizes.

Since foundation allows you to use flex you can simply add this in your EfficyCustom.css :

  #tab-fields {
    display: flex;
    flex-wrap: wrap;
}

this will automatically display sections verticaly aligned under the longest section of the previous line. this is imho a lot easier to deal with by harmonizing the 2 or 3 columns display.

Thanks to Ben for this code. please enjoy.

Miscellaneous dialog (background)

Wed, 07 Sep 2016 12:07:31 +0000

Hi guys,

On the consult page of a company in our IVM, we have the command miscellanious, which opens a dialog where you can fill in a request for the cloud. The dialog seems to be absolute and the background cannot be touched until you close it..
In some cases it would be very useful if we could implement this functionality (for e.g. Troostwijk).

What i noticed is that if the command is clicked a div is inserted in the page, which sets the new css from the class: .reveal-modal-bg. It seems that this does the trick.

Does anyone has an idea how to implement this in our customs?

Thanks in advance!

Regards,

Michael

Consult layout - alignement fields without icon

Tue, 12 Jan 2016 14:57:11 +0000

When we have in the same section of a consult form fields with an icon and fields without, how can we get the field part on the same line ?

For exemple :

the phone field ( which has class i-Phone )
and another field ( for exemple street ).

When you put these 2 in the same section, the street field will start in the same horizontal place as the icon. But better would be that the fields itself are on the same horizontal place.

Is there a "fake" class that just puts the empty space to achieve this ?

Gray shaded box disappear on Agenda after doing custom css file

Thu, 29 Oct 2015 14:29:43 +0000

Dears,

I'm facing a problem when doing custom css for agenda actions according to "mode" value.

The Gray shaded area that appears usually for time before and time after is diappeared, the whole appointment becomes one block (including the time before and time after). as in snapshot.

this is the css custom i use:

.MeetingOut .fc-content{font-size:8pt; color:black; background-color:#FF7F27;
border:1px solid #888; overflow:hidden; z-index:99; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;
-moz-border-radius:10px; border-radius:10px}

Please advise how to keep the gray shaded areas for time before and time after.

Thank you for your help.

Best Regards.