nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Separator in Datacapture Template?

feklee

We have a container where the user can compose a page consisting of different elements: headline, subheadline, paragraph, etc.. Now, I want to add a separator element. The problem: A separator has no input. Thus, neither items of type text, checkbox, etc. make sense.

What item type should I use for a separator? Or: How do I create an empty item?

Find more posts tagged with

Comments

kshitiz

What do you mean by "Seaparator Element"? If you want to separate one set of items with other, I would suggest you use containers to group related items together.

Jcse

We have a container where the user can compose a page consisting of different elements: headline, subheadline, paragraph, etc.. Now, I want to add a separator element. The problem: A separator has no input. Thus, neither items of type text, checkbox, etc. make sense.

What item type should I use for a separator? Or: How do I create an empty item?

As kshitiz told you that you should use container as seperator for different group of items.Container has no input.Basically container are used to make group of similar items,container has attributes like name,value,combination [with values or /and ] min.max etc.

If you have a Header which is divided into various sub-parts like main-heading,sub-heading etc ,then a container with the name of HEADER can group these items seperately form other part of your page like body,footer etc.In otherwords we can say that you can divide a page into many containers like HeaderContainer,FooterContiner,BodyContainer.LeftNavigationContainer and RightNavigationContainer.Every Container will have many items as required and it will be keep seperated those items from other containers.

Read the manual of formapi, explore datacapture.cfg.It will help you out .

feklee

What do you mean by "Seaparator Element"?

For example a "<hr>". See the code below for an example datacapture config. So, my question remains: How do I best create an element with no input?


<container name="content" combination="or" min="0" max="unbounded" default="1">
  <item name="headline_2">
    <text size="80"></text>
  </item>

  <item name="headline_3">
    <text size="80"></text>
  </item>

  <item name="paragraph">
    <textarea cols="80" rows="10" wrap="virtual">
    </textarea>
  </item>

  <item name="separator">
    <description>a horizontal rule</description>
???
  </item>
</container>

feklee

As kshitiz told you that you should use container as seperator for different group of items.

Thanks for the suggestion. However, I assume that you misunderstood my question.

kshitiz

For example a "
". See the code below for an example datacapture config. So, my question remains: How do I best create an element with no input?

I still don't understand why you want to do that. And I don't think you can provide a element with nothing in it. That will be invalid datacapture.cfg.

feklee

I still don't understand why you want to do that.

What would be the alternative?

Faizi

Why you need a seprator/line in form entry?
If you want this for look n feel then allready the containers and items shown with border line.
If you want to use this in DCR then there is no use of it.
And there is no any element by which you can draw a line/separator.

So i do not understand why you want this?

kshitiz

What would be the alternative?

Alternative I have already explained in my earlier post.
USE CONTAINERS

Jcse

Alternative I have already explained in my earlier post.
USE CONTAINERS

Completely Agree with kshitiz.This is the only alternative.

Adam Stoller

What would be the alternative?

This might work - completely untested:

<item name="separator">
    <label></label>
    <text><default>&lt;hr/&gt;</default></text>
    <readonly/>
  </item>

Or you might be able to create a custom CSS (a la the UICG) for your DCTs, but as many have already mentioned, doing this in the DCT is of dubious value - horizontal rules and such are generally the kinds of things you manage with a PT when you generate output from the data captured in the DCT (a.k.a. the DCR).

feklee

Why you need a seprator/line in form entry?

Look at the code to understand how the DCR is structured. The container is a replicant for building a page. I don't need a separator in the form entry (which would be weird) but in the *generated page*. Anyone?

jbonifaci

Simply have a radio button with only one option that is selected by default. For example:


 <item name="hr" pathid="hr">
  <label><<x>HR></label>
  <radio>
   <option value="1" label="" selected="t" />
  </radio>
 </item>

~Jeff

Adam Stoller

Look at the code to understand how the DCR is structured. The container is a replicant for building a page. I don't need a separator in the form entry (which would be weird) but in the *generated page*. Anyone?

That makes more sense - but wasn't what you stated (or what we inferred from what you stated).

You're now talking PT code - are you using XML, XML/Perl, or XSLT for your PTs?
Can you post the relevant portion of your PT where you're wanting to insert the horizontal rule - and explain what you've tried to do that didn't work?

jbonifaci

That makes more sense - but wasn't what you stated (or what we inferred from what you stated).

You're now talking PT code - are you using XML, XML/Perl, or XSLT for your PTs?
Can you post the relevant portion of your PT where you're wanting to insert the horizontal rule - and explain what you've tried to do that didn't work?

Actually Adam, I believe he is simply looking for a way for the user to indicate he wants an hr tag in the tpl. It sounds like he has an or container with several options like p tag, h1 tag, h2 tag, table tag, ul tag, img tag, a tag, hr tag, etc. Where the user can select any of these components in any order. He then compiles these tags in the order specified in his tpl. His issue is that becuase there is no input needed for an hr tag, he could not think of a way to allow the user to indicate they want an hr tag. It is because of this that I suggested he simply have a radio item with a single option selected by default that has some value that his tpl can use to know to add an hr tag when selected.

Please correct me if I am wrong, but I don't believe I am based on the content of his posts.

~Jeff

Adam Stoller

Actually Adam, I believe he is simply looking for a way for the user to indicate he wants an hr tag in the tpl. It sounds like he has an or container with several options like p tag, h1 tag, h2 tag, table tag, ul tag, img tag, a tag, hr tag, etc. Where the user can select any of these components in any order. He then compiles these tags in the order specified in his tpl. His issue is that becuase there is no input needed for an hr tag, he could not think of a way to allow the user to indicate they want an hr tag. It is because of this that I suggested he simply have a radio item with a single option selected by default that has some value that his tpl can use to know to add an hr tag when selected.

Please correct me if I am wrong, but I don't believe I am based on the content of his posts.

~Jeff

Hmm - well that would make sense (both in terms of description and proposed solution).

feklee

Actually Adam, I believe he is simply looking for a way for the user to indicate he wants an hr tag in the tpl.

Thank you very much, Jeff! You sum up nicely what I want. The proposed solution isn't nice but, of course, it will do the trick.