JA-Company issue with radio buttons and subform

fred-the-coder

Hello,
I am using JA-Company template...
As you can see here, the frontend view is quite dirty compared to the backend view...
I would like to improve on the frontend view:
1/ radio buttons layout, at least displaying the labels (Private/Commercial) and not (Yes/No)
2/ the subform layout, at least improving the + and - buttons.

Could you help me here?

Thank you

saguaros

Hi fred-the-coder

Which module / section in template that I can replicate this issue?

fred-the-coder

saguaros in a frontend view...an "edit.php" one...

saguaros

fred-the-coder I see it's frontend edit view but you're editing a module or an article? Or you can share the login info of your site so I can check it directly.

fred-the-coder

saguaros Neither a module nor an article, it's an homemade Component, that I may share with you....but privately...
Thanks for taking care of my request

saguaros

fred-the-coder Could you simply tell me which component you're mentioning?

And share me the login info of your site so I can take a look as I can't replicate issue at my end.

fred-the-coder

saguaros OK, the site with that issue is not yet in production.
I'll let you know in the coming days when it's available.

Thank you

saguaros

fred-the-coder Let me know then.

fred-the-coder

saguaros Please go there : https://bluemarine.mosoft.fr/

To see the layout issues, please select menu "add a registre".

Feel free to come back to me...

Thank you again for your help.

saguaros

Hi fred-the-coder

That registration page seems belongs to a 3rd party extension: com_mosoftbluemarine

JA Company doesn't support it by default, could you check again?

fred-the-coder

Yes it's belonging to my home made extension, but using Joomla standard...

I just added an article field of radio kind.
You can see by selecting menu "new article" and accessing the Fields tab, that the radio button (with label "Radio button for test") did not display the radio values (here Text1 and Text2), but display Yes/no...

Notice also that the display of yes/no is not very well...when you select it...

Does Ja-Company not support Joomla article and Joomla fields?

Thank you for your follow-up...

saguaros

fred-the-coder Our template does supports style for default Joomla articles and fields, however, we don't support 3rd party extension like that because each extension comes with different styles and it's hard to cover all.

JA Company is built with T3 framework which utilizes Bootstrap 3, you can customize style for your component for template.

fred-the-coder

OK, I do understand.

But, regarding the standard artcile edit view, could you please let me know how to display the radio button values instaed of Yes/no?

Thank you.

saguaros

fred-the-coder How it looks when you edit in backend of your site?

fred-the-coder

saguaros for my component, you already have it in the document linked in my first message here.
For the artcile edit view in back end you can see it in this document.

Let me know if you need more.

saguaros

fred-the-coder As you can see that default Joomla also uses buttons for that Yes/No option, you will need to customize to show it by radio buttons

fred-the-coder

saguaros I am a little bit disappointed by your answer....

Or maybe my wording is not clear...

The issue with YOUR template is that the radio values "Text1" and "Text2" are not displayed as label on the radio button. With your template, button labels Text1/Text2 becomes Yes/No.

Do you understand the issue??

saguaros

fred-the-coder There mayby misunderstanding here. Could you share the login info and URL of page where I can see that field?

fred-the-coder

saguaros you can login to the backend of the site.
The user name is "saguaros" and the password is your skype name...

Once logged-in, just edit any article and access to the article fields.

As a reminder, the issue is on the frontend...you'll see that in the backend with Isis template, radio buttons with specific values are working like a charm...

Thanks

saguaros

fred-the-coder

I just added a new class for that radio field called 't3-radio':

Now you open the file: ROOT/templates/ja_company/css/custom.css (Create this file if it doesn't exist now)

and add this code:

.t3-radio.radio.t3onoff {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  height: auto;
  width: auto;
}

.t3-radio.radio.t3onoff label {
  color: #666;
  font-size: 15px;
  letter-spacing: 0;
  position: relative;
  top: auto;
  left: auto;
  padding: 0 16px;
  margin: 0;
  line-height: 36px;
  text-indent: 0;
  height: auto;
  text-transform: none;
  width: auto;
}

.t3-radio.radio.t3onoff label:last-of-type {
  border-left: 1px solid rgba(0,0,0,0.1);
}

.t3-radio.radio.t3onoff label::before,
.t3-radio.radio.t3onoff label::after {
  display: none;
}

.t3-radio.radio.t3onoff label.active.btn-success {
  background: #4CAE4C;
  color: #fff;
}

.t3-radio.radio.t3onoff label.btn-success:hover {
  color: #fff;
}

.t3-radio.radio.t3onoff label.active.btn-danger {
  background: #D43F3A;
  color: #fff;
}

.t3-radio.radio.t3onoff label.btn-danger:hover {
  color: #fff;
}