Public Forums 71,145 posts

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#693815

Hi there
May i know what’s exactly you doing ??? Look like you are doing something very strange way.

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#750148

Hi there
May i know what’s exactly you doing ??? Look like you are doing something very strange way.

Thank you,
Viet Vu

[terokankaanpera Friend terokankaanperaJoin date: October 2011Posts: 6Downloads:4Uploads:2]

#695309

Well, that is probably because I’m an amateur with templates. What I’m trying to do is precisely this:
<blockquote>I’m trying to make the Joomla pagination a bit more “material” by substituting the “Next”, “Previous”, “Start” and “End” words on either side of the page numbers with appropriate arrow icons.</blockquote>
If you have a better idea how to do it I’m open to it. I just have NO programming skills. I can do some css and HTML but not PHP or javascript.

[terokankaanpera Friend terokankaanperaJoin date: October 2011Posts: 6Downloads:4Uploads:2]

#750550

Well, that is probably because I’m an amateur with templates. What I’m trying to do is precisely this:
<blockquote>I’m trying to make the Joomla pagination a bit more “material” by substituting the “Next”, “Previous”, “Start” and “End” words on either side of the page numbers with appropriate arrow icons.</blockquote>
If you have a better idea how to do it I’m open to it. I just have NO programming skills. I can do some css and HTML but not PHP or javascript.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#750856

Hi,

I am not sure what did you do on your site but you can follow my guide below

+ Go Languages: Overrides in backend site

+ Click New button and find JNEXT text

+ Add code like my screenshot

and you will see it’s working in frontend site

Regards

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#934175

Hi Ninja Lead,
Will not you please share that screenshot? 🙂
I would override the login/logout string with

<i class="fa fa-sign-in" aria-hidden="true"></i>

<i class="fa fa-sign-out" aria-hidden="true"></i>

Thank you!

1 user says Thank You to palos for this useful post

1. Ninja Lead

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#934240

@palosutca: Please have a look at the screenshot here

---

Attachments:

1. 

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#934584

Thank you Ninja Lead!
It is something I know too 😉
I was hoping a solution about how to create a language override by changing the text "LOGOUT" to a Font Awesome "sign" like this:

<i class="fa fa-sign-out" aria-hidden="true"></i>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#934897

@palos: I’m not sure the template name is working on your site, please post the URL of your site here. I will help you to check this

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#938135

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#938355

Your request is very hard to do because you will change the submit button of JA Login module

From

<input type="submit" name="Submit" class="button btn" value="KI">

to

<i class="fa fa-sign-out" aria-hidden="true"></i>

Maybe, you can try to apply the CSS style here to change that on your site but it’s not easy

Have you solved about Search button? I see it’s working as well on both pages: latnivalok and programok

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#938593

Hi Ninja,

A multilingual (or just a non-english) site may use different length of translations for "login/logout" words. As your design layout is very sensitive – even more in responsive views – I was thinking about to replace the language string with a font awesome sign. It seems to be a nice solution as it would be the same width on every language 😉 and would not break the header. (just imagine login in finnish kirjautuminen or in czech přihlášení)

Search button issue is also not solved 🙁 just please try to click on it at latnivalok page.
The programok page works fine as usual as it uses a native JA_Events template.

(email notification did not sent despite of Notify me of follow-up replies via email checked below)

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#938722

I think you can change from icon of font awesome sign to image background for logout button, it will be better than.

About the problem search button under JA Directory template because search action under JA Directory does not support about this that why it does not work but I added the js script to templates/ja_directory/js/script.js file

Please check it from templates/ja_directory/js/script.js file and you will see the script

$(document).click(function(e){
    form_container = $('.t3-cpanel.t3-cpanel-search');
    idetify_glass = $('.head-search');
    if ((!idetify_glass.is(e.target) && idetify_glass.has(e.target).length === 0) && (!form_container.is(e.target) && form_container.has(e.target).length === 0)) {
        if ($(e.target).parent('#t3-header').has('cpanel-open'))
            $('#t3-header').removeClass('cpanel-open').addClass('cpanel-close');
    }
});

  // Search Cpanel
$('.btn-search').click(function() {
  if($('.t3-header-wrap').hasClass('cpanel-close')) {
    $('.t3-header-wrap').addClass('cpanel-open');
    $('.t3-header-wrap').removeClass('cpanel-close');
  } else {
    $('.t3-header-wrap').removeClass('cpanel-open');
    $('.t3-header-wrap').addClass('cpanel-close');
  }  
});

and templates/ja_directory/css/custom.css file

.t3-header-wrap .t3-cpanel .search {
    border: 0px solid #eeeeee;
}

Now, you can see the search button is working as well on your site

1 user says Thank You to Ninja Lead for this useful post

1. palos

[palos Friend palosJoin date: January 2013Posts: 369Downloads:37Uploads:8 Thanks: 125 Thanked: 27 times in 7 posts]

#938783

Thanks Ninja! :)))
Search works fine now and I should think the FA background out!

[Author]

Posts