• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Icons in textbox (UiKit)

Icons in textbox (UiKit) 9 years 2 months ago #34009

  • andrea74
  • andrea74's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 22
  • Thank you received: 1
Hello, I would like to use a small icon inside textbox, as described here:

uikit (at the end of the page).

How can I do it using RsForm Pro?
Thank you.
The administrator has disabled public write access.

Icons in textbox (UiKit) 9 years 2 months ago #34382

  • andrea74
  • andrea74's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 22
  • Thank you received: 1
Any suggestion?
The code to use is <i class="uk-icon-calendar"></i> but I can't understand how to use in RS Form Pro.
The administrator has disabled public write access.

This message has been removed by user's request. 8 years 11 months ago #35101

  • f0cb18710c79103fb45315de95f4fffa@RSJOOMLA_DELETED
  • f0cb18710c79103fb45315de95f4fffa@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Icons in textbox (UiKit) 8 years 10 months ago #35353

  • dragos
  • dragos's Avatar
  • OFFLINE
  • Administrator
  • Posts: 634
  • Thank you received: 117
Hello,

Adding an icon to a RSForm!Pro 'Textbox' field can be possible through HTML and CSS customization.
To achieve your scenario try the following workaround: Adjust your form layout by setting 'Auto Generate Layout' to 'NO'. This way you can add the icon's HTML tags ('backend > Components > RSForm!Pro > Manage Forms > your form > Form Properties > Form Layout'). We recommend adding all the form fields before adjusting Form Layout and Style.

Then, add CSS declarations in order to display the icon properly. ('backend > Components > RSForm!Pro > Manage Forms > your form > Form Properties > CSS and Javascript')

At the moment we do not have an example for this particular matter but you can try following this article for a starting point:
www.rsjoomla.com/support/documentation/r...yle-adjustments.html
The administrator has disabled public write access.

Icons in textbox (UiKit) 8 years 3 months ago #36294

  • ekelly3
  • ekelly3's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 9
Anyone figure with out with UIKit3 yet?
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!