By Fabian Mendoza on Monday, 24 August 2015
Posted in Technical Issues
Replies 5
Likes 0
Views 595
Votes 0
Hi evryone.

I want to ask you if there is a possibility to edit the pages where people invite others to register or visit the site. The "invite contacts" page.

In smartphone or tablet this pages looks bad and doesn´t let to use the editor so well.
As i see this is because the form to complete the invitation has the name field and the field side by side.

I think that could be more usefull if the name field is put it above the field in order to get a better view in mobiles and tablets.

I let you the images to explain more how ia see at this moment..

Another thing could be the editor that doesn´t help to much because the functions or buttons doesn´t change to a responsive view so this is something that just get a worst view.

Ill apreciate if you helpme to fix this..

Regards.
Hi Fabian,

I already inspected your site regarding on responsive display of this view.

Please add this CSS hack to your own Joomla template stylesheet:
@media(max-width: 756px) {
body div#fd.w768 .form-horizontal .control-group > .control-label{
width: auto;
float: none;
display: block;
text-align: left;
}

body div#fd.w768 .form-horizontal .control-group > .controls {
margin: 5px 0 0;
}
}

Please let us know if you need further assistance to apply this fix by providing us FTP and Joomla backend access.

I will be consulting on this responsive display with our design team tomorrow.

Please advice, thank you
·
Monday, 24 August 2015 19:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram thanks.

Ill apreciate fi you can acces to my site an add the code for me please.

Ill let you the data access in site details.

Thanks again.
·
Tuesday, 25 August 2015 10:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fabian,

Can you consult with your template provider on which file should be use to add these custom css code on your current template (rt_fracture)?
·
Tuesday, 25 August 2015 14:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul and Ikram.

Sorry for the delay of this answer.

I consult with my template provider and this was the asnwer:

Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

In your case you need a new css file called rt_fracture-custom.css and save it to the css directory in your template.


And this solveed the view in smartpohnes and tablet.

You should consider add this modificaiton to the invite contacts page. I think it will be helpfull for others.

Finally can you please remindme where can i edit the message to send to friends in this invite contact page?.. I didit before but i don´t remember where was, and i want to know if i can edit the subject too, and if is possible to add in this subject some personalization with the name of the person who sends the message? Something like: <<Username>> wants to invite you to join to <<sitename>>

Thanks!!
·
Sunday, 04 October 2015 22:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the heads up on this. You can actually modify them from the language file located in /language/en-GB/en-GB.com_easysocial.ini . Locate for the following language strings,


COM_EASYSOCIAL_FRIENDS_INVITE_MAIL_SUBJECT="Exclusive Invitation to join %1$s"
COM_EASYSOCIAL_EMAILS_FRIENDS_INVITE_CONTENT="%1$s invited you to join the site to get connected. The user has also sent you a message along with this request below:"
·
Sunday, 04 October 2015 22:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post