Easy Profile - Joomla Extension

Support

Support is currently Offline

Support Offline

It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!

Official support hours:

Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Thursday 11:47 pm

Add a reply View Replies (6)

Resolved Icons for input

Conzeptwerk
Features Request
Monday, May 18 2020, 09:00 AM

Hello,

i want to put some icons in front of the input like in my screenshot. Is there an easy posibilitiy?

thanks for reply

Responses (6)

Conzeptwerk Accepted Answer

Pro

Perfect! Thanks a lot!
The only question i have is to put the label into input (as shown in my screenshot)

more than a month ago
Features Request
# 1

admin Accepted Answer

Admin

For example in this site a code like following will make a result like screenshot:

.email1-group .controls:before {

    content: "\f0e0";

    font: normal normal normal 14px/1 FontAwesome;

    float:left;

    width:30px;

    padding-top:7px;

    text-align: center;

    background:#ddd;

    border:1px solid #ccc;

    border-right:0px;

    border-top-left-radius: 3px; 

    border-bottom-left-radius: 3px;

    height:32px;

    

}

.email1-group .controls input{

    width:calc(100% - 30px) !important;

    border-top-left-radius: 0; 

    border-bottom-left-radius: 0;

    display:block;

}

But keep in mind that in this code we use Font-Awesome (Joomla default template uses icomoon) and the height of the icon box is the same of the input (so it is related to your template)

more than a month ago
Features Request
# 2

Conzeptwerk Accepted Answer

Pro

Ok, no Problem to built css. Is there somewhere an example to find?

more than a month ago
Features Request
# 3

admin Accepted Answer

Admin

Hi,
this is possible with CSS code but it is a bit complex. Another way is to override Joomla fields layout but this way is even more complex.

Unfortunately there is not a simple way.

more than a month ago
Features Request
# 4

Conzeptwerk Accepted Answer

Pro

Content Protected

more than a month ago
Features Request
# 5

admin Accepted Answer

Admin

Hi,
yes, it is possible, try to see this reply https://www.easy-profile.com/support/font-awesome.html#reply-25955

In the reply we use just the icon but you can change the override text to show icon and text with a code like this:

<i class="icon icon-mail"></i> Email

more than a month ago
Features Request
# 6

Page :
1

There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Request Support

Ask a Question

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Search Users

Easy Profile® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.

Support

Resolved Icons for input

Request Support

Support Availability

Guidelines

Search Users

We use a few cookies