Why does the Parent child editing example show 'Edit entryEdit entry' in the usersEditor form?

Why does the Parent child editing example show 'Edit entryEdit entry' in the usersEditor form?

lowrymellowrymel Posts: 25Questions: 5Answers: 0
  1. Select the Parent Child Editing example on the website
  2. Select 'Edinburgh'
  3. Press the Edit Button
  4. Select 'Ishmael Crosby'
  5. Press the Edit button
  6. UsersEditor form is displayed with a Title of 'Edit entryEdit entry'

This question has accepted answers - jump to:

Answers

  • allanallan Posts: 65,409Questions: 1Answers: 10,860 Site admin

    Hi,

    This is what it should look like:

    The > is to indicate that it is a nested form. The form title for each can be changed, and perhaps it would be clearer if I had them set to be "Edit Site > Edit Staff Member" or something like that?

    Are you seeing the > and the space between the two form titles? What styling framework are you using with the example?

    Thanks,
    Allan

  • lowrymellowrymel Posts: 25Questions: 5Answers: 0

    Thanks for the response. I am using Bootstrap for styling. As of 10 minutes ago this is how it is on your website. The > is not present.

    However it makes sense that it is a cookie trail. And your suggestion of "Edit Site > Edit Staff Member" would definitely have made that obvious.

  • allanallan Posts: 65,409Questions: 1Answers: 10,860 Site admin
    Answer ✓

    Many thanks for letting me know! I'll look into that and report back :)

    Allan

  • allanallan Posts: 65,409Questions: 1Answers: 10,860 Site admin
    Answer ✓

    It is indeed an error on my part - apologies. I had the CSS required in the DataTables default stylesheet, but not in the integrations such as for Bootstrap.

    I've committed the fix and it will be in the next release. Until then, if you want a workaround, add the following to the CSS to your page:

    div.DTE span.DTE_Title {
        opacity: 0.6;
    }
    
    div.DTE span.DTE_Title:last-child {
        opacity: 1;
    }
    
    div.DTE span.DTE_Title_Level {
        display: inline-block;
        padding: 0 0.5em;
        opacity: 0.6;
    }
    
    div.DTE span.DTE_Title_Level::after {
        display: inline-block;
        content: "\203A";
    }
    

    Thanks again for letting me know about that error.

    Regards,
    Allan

  • lowrymellowrymel Posts: 25Questions: 5Answers: 0

    This works great.
    Also the opacity looks nice also. Lots of opportunity for enhanced local styling.

Sign In or Register to comment.