0
Welcome Guest! Login
0 items Join Now

SOLVED Add label or button to RokAjax Search

Last Post
Search Topic

  • SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • Is there a way to add either:

      a) Placeholder text (that disappears onFocus) within the search field itselef?
      b) A "Search" label before the search field
      c) A button after the search field
    #1215944
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22281
    • Thanks: 3225
    • messin' with stuff

    Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • RAS has placeholder text by default... which can overridden by the Joomla Language Manager to be whatever text you want

      It uses the normal <input> attribute "placeholder"

      www.w3schools.com/tags/att_input_placeholder.asp

      In certain templates we may purposely hide, or simply leave un-styled, this text... and it may not be visible...

      You could test style it with some custom css to see if it "unhides" it...
      input#roksearch_search_str::-webkit-input-placeholder, input#roksearch_search_str::-moz-placeholder, input#roksearch_search_str::-ms-input-placeholder, input#roksearch_search_str::placeholder {
	color: #000 !important;
	text-transform: uppercase;
}

    • The following users have thanked you: JJ Spelman

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1216001

  • Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • Thanks, Matt, for the reply.

      I do see that there is a placeholder attribute that is set to "Search...". I added the CSS you provided to my custom style sheet (gantry-custom.css) but it doesn't show up.

      ucouncil2.j2studio.com

      I am using Joomla 3.4.1 and Gantry 4.1.29.

      Any other thoughts?

      Thanks!
    • Last Edit: 9 years 9 months ago by JJ Spelman.
    #1216174
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22281
    • Thanks: 3225
    • messin' with stuff

    Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • I don't see a RAS module on that page anywhere...
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1216282

  • Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • Ah... that's because I forgot to tell you that you need need to log in. Either student and student (user & pw) or teacher & teacher. My bad.
    #1216310
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22281
    • Thanks: 3225
    • messin' with stuff

    Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago 
    • input#roksearch_search_str::-webkit-input-placeholder {
	color: #000 !important;
	text-transform: uppercase;
}

      works in Chrome... for some reason it doesn't work as a series... I suppose you could specify them all seperately

    • The following users have thanked you: JJ Spelman

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1216312

  • Re: SOLVED Add label or button to RokAjax Search

    Posted 9 years 9 months ago
    • That did work for Chrome.

      I then added...
      input#roksearch_search_str::-moz-placeholder {
	color: #000 !important;
	text-transform: uppercase;
}

      ...and that seemed to work for both Safari and FireFox, as you suggested it might. Very interesting.

      Thanks!
    #1216426

Time to create page: 0.065 seconds