required asterisk to appear on the right of field

  • Posts: 19
  • Thank you received: 0
10 years 11 months ago #148315

-- url of the page with the problem -- : horimnet.co.il/new/index.php?option=com_...=checkout&Itemid=606
-- HikaShop version -- : 2.2.3
-- Joomla version -- : 3.2

Hi,
i want the required asterisk (*) appear on the right side of the text field in the registration form.

as you can see, i have done this in the second part of the registration by using css "float:right;"
on the span containing the asterisk like this:

<span class="hikashop_field_required">*</span>

but since the fields in the basic form don't have a span for the asterisk i can't css them.
<div class="control-group hikashop_registration_name_line" id="hikashop_registration_name_line">
		<div class="control-label">
			<label id="namemsg" for="register_name" class="required" title="">שם</label>
		</div>
		<div class="controls">
			<input type="text" name="data[register][name]" id="register_name" value="" class="required" size="30" maxlength="50" style="
    text-align: right;
"> *
		</div>
	</div>

how do you recommend doing this ? what file should i edit ?

Thank you

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
10 years 11 months ago #148318

Hello,
Note that when you set one of your field to "required" through "Hikashop->Display->Custom fields" you automatically have the * at the right of your field.

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
10 years 11 months ago #148447

i dont quite understand Mohamed. this is what i said, i want the * to appear on the right, not the left.
for the custom field i used CSS to achieve this. for the basic username/email/password form, i dont know how to achieve this.
thanks

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #148497

Hi,

You can try the following css:

.required{
float: left;
margin-left: 116px;
}

The following user(s) said Thank You: buzibuzi

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
10 years 11 months ago #148812

hi Xavier, take a look
it helped but only half way ... :)
horimnet.co.il/new/index.php?option=com_...=checkout&Itemid=606

Please Log in or Create an account to join the conversation.

  • Posts: 83306
  • Thank you received: 13468
  • MODERATOR
10 years 11 months ago #148816

I do see the aserisk on the right of all the fields on your checkout.

The following user(s) said Thank You: buzibuzi

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
10 years 9 months ago #154123

Hi, take a look at the top form
also the one here

horimnet.co.il/new/index.php?option=com_...yout=form&Itemid=621

Can anyone help to point me at where in the template i can edit the (*) location ? i want to wrap it with some <span> or <div> so i can move it around.
i tried in "views\usr\template\registration.php" but couldn't find it

Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
10 years 9 months ago #154180

found it - registration_boostrap.php

Please Log in or Create an account to join the conversation.

Time to create page: 0.068 seconds
Powered by Kunena Forum