10 years ago
11
Topic
Hi
I need to add a field which allows users to create an (unlimited) unordered list as part of their content.
I think the right way to go is to use a flield x but I don't know how to create the bullet point list item to add.
Can anyone help me?

Regards
David
Get a VIP membership
693 Posts
rpoy
10 years ago
3
Level 1
Hi David,

When you say unlimited, could there be a max?  The reason that I ask, is that the fieldX has a max value that you need to define.  It creates an unordered list.

Can you clarify what you mean about "create the bullet point list item". ?


thanks,

Randy


10 years ago
2
Level 2
Hey Randy
I think there would be no more than say, 15-20 Bullets.
What I want to do is force users to use a bulleted list for a specific item, so that having added an item to a bullet, they can then add a further bullet. The way that they can add an upload field if it was an image.
Maybe I can add a formatted textfield?
The easiest way is to give them a wysiwig field type, but I'm trying to force them into using bullets. Maybe I'm asking the impossible...

Regards
David
10 years ago
1
Level 3
Hello coolman,

you are on the right way. To create an ordered or unordered list fieldX is the perfect way. I would use a textarea field as an input, so users have enough space to write whole sentences. Using WYSIWYG for the input will take a lot of loading time of the form if you have a lot of items (more than 10 will increase the loading time dramatically). Textareas are fast loading.

To get the bullets in the content template (and I guess you mean to add it not to the form) the best way is to create a custom content template and add the bullets as font-awesome icons into your markup (most flexibility).
If you are using the standard seb one template the best way is to make it only via CSS. Another possibility is position overrides of the seb one template.

There are a lot of articles concerning these topics in the forum.

Best regards Jürgen
10 years ago
0
Level 4
Hi Jürgen
Thanks for the input. I'm going to have to find the topics on CSS, but I'm sure I can carry on with your feedback.
Regards
David
10 years ago
3
Level 1
Hi David,

I recommend to use a custom content template. It is the best way to style your output. Using the Seb-template would be the fastest way to create content, but it uses a lot of divs as markup and you have only limited possibilities to style your output.

By using a custom template you are able to style the markup of each field in your content type individually.

F.e. for an unordered list you can call each list item with a foreach loop an put the li-tags directly into the template.

Here you can find more information about to call a field x in a custom template. The documentation is about Seblod 2, but it is also the same in Seblod 3.

Working with custom templates makes your life much easier, but you have to be familiar with PHP coding.

Best regards Jürgen


10 years ago
2
Level 2
Hallo Jürgen
Thanks for the various suggestions and tips.
Sadly, I'm not a programmer, but I'll keep on working on this. Anyone who creates a video showing how to create a new template and use markup correctly will certainly get a good audience :-)

Regards
David
693 Posts
rpoy
10 years ago
1
Level 3
Hi David,

Check out this video!  You can also use Simon's Simple template

Regarding the bullets, could you clarify, do you want custom bullets for this field?  Because the fieldX will create a bulleted list based site template that you are using...

thanks,

Randy

10 years ago
0
Level 4
Hi Randy
Thanks for the tip regarding templates. I'm applying that now and learning...
I thought that Jürgens idea of using fon awesome icons for the bullets was a great idea. So I guess I have to add a link to a css file in the index.php file of the template and stick it in there and add a class to the text fields. Not sure how to add a class to the fields though..
Regards
David
10 years ago
1
Level 1
Hello coolman

As I see you are struggling for a while with this problem. Please do the following:

Include the Awesom-CSS file from the CDN into your header section of your Joomla Template (not the Seblod template). You can find The CDN-Version of the latest Font-Awesom here .
Then create an example article of your content type and post a link to the page here.
I will take a look at the source code and maybe I can help you with further steps.

Best regards Jürgen
10 years ago
0
Level 2
Hi Jürgen
Well, I really appreciate your offer of help. The site I was working on has crashed - I think it's due to something connected with Gantry and the rockettheme template.
I'm rebuilding it with just seblod and standard joomla. As soon as I've got that sorted, I'll be grateful for any help you can give me.
Regards
David
97 Posts
Anjo
10 years ago
0
Level 1
Hi David,

You can change field x bullet points by creating your own css and then call it in the template. You can use your own icon or font awesome. This is what I did:

css with my own icon with height and position :

.my-bullet-style ul li { list-style-type: none; background: url('../images/icons/icon-external.png') no-repeat; background-position: 0px 4px; padding-left: 24px; line-height:1.8em; }

Then in template I used:   <span class="my-bullet-style"><?php echo $cck->renderField('my_field_x');?></span> 


Font awesome flag icon

.my-bullet-style ul li:before { font-family: FontAwesome; content: "\f024";padding-right: 24px;}


Hope this helps

Claudio



Get a VIP membership