Support

  1. christopher.bisman
  2. General
  3. Monday, December 18 2017, 02:22 AM
  4.  Subscribe via email
Hello

i need make this (check the image uploado)


the idea is the user has to choose one of the three options.

I do not know what type of field to use.
maybe checkbox or selection?

I need opinions, thank you

:D :D :D
Attachments (1)
admin Accepted Answer
Admin
Hi,
this is not possible with a simple way, my suggestion:
- Create a normal radio field type
- Create a HTML Delimiter field type
- Fill HTML delimiter field with HTML code to render these 3 choice
- Add Javascript code that:
- - Hide Radio Field
- - Change the value of radio field based to click to various banners from HTML delimiter field type

NOTE: To make something like this you need to have Javascript and HTML knowledges.
  1. more than a month ago
  2. General
  3. # 1
christopher.bisman Accepted Answer
Pro
finally a friend helped me with javascript.


Add this code in the theme.js of my joomla theme.


console.log("name page");

var labelOpcionA = $("#jform_package0").closest('label');
var labelOpcionB = $("#jform_package1").closest('label');
var labelOpcionC = $("#jform_package2").closest('label');
var myLabel = [labelOpcionA, labelOpcionB, labelOpcionC];

$.each( myLabel, function( key, element ) {
//console.log( key + ": " + element );
$(element).css({
'background-image':'url(http://sitename.com/images/package'+key+'.jpg)',
'background-size' : 'contain',
'background-repeat' : 'no-repeat',
'height' : '100px'
});

$(element).find("span").html("");

});

  1. more than a month ago
  2. General
  3. # 2
  • Page :
  • 1


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

Request Support

Support is currently Offline

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

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.