Assessment extension - Hide the feedback button?

[hbaileylxd]

In the Authoring Tool even if in Assessment settings I have show feedback set to false all it does is grey out the button.
Can we have it so that the button is not shown, and the Submit/Reset button is shown full width?

Something to do with _canShowFeedback for the component?

[LukaszGrela]

Yes, this flag could mark component with no-feedback class which then could be used to hide button.

.no-feedback .buttons-feedback {
    display:none;
}

Ofcourse you can do this right now with CSS only, if you want to hide the feedback for particular component just put a style with component id eg.

.c-005 .buttons-feedback {
    display:none;
}

in similar fashion the button.buttons-action needs to be modified to take full width.

I've used this to hide feedback and move submit to right side, still keeping it half width on the assessment page (co-35):

.location-id-co-35 .buttons-feedback {
    display: none;
}

.location-id-co-35 button.buttons-action {
    float: right;
    margin-left: 0.5%;
    margin-right: initial;
}

[hbaileylxd]

AH that's excellent Lukasz thank you for the in-depth answer!

I'm using the authoring tool so I went into adapt.less and added this in...

.574f168cacb3084019b1938e .buttons-feedback {
display: none;
}

but it doesn't seem to like it.
so I put .574f168cacb3084019b1938e .buttons-feedback into the class for the component I want it to affect, but still no joy. Any advice?

EDIT - SOLVED

i did the following.....
In my theme's src/theme-extras.lss I added...

.location-id-5735f12cbf106af80e3319ab button.buttons-feedback {
display: none;
}

I took the long ID from the ARTICLE level that the question is in so you would need to switch that out for your article's ID.
Nothing extra needed in the Authoring tool, just this change to theme-extras.less and then a force republish of the course after re-selecting the theme.
To make the submit button full width you just then need to add the following in the same place...

.location-id-5735f12cbf106af80e3319ab button.buttons-action {
width:100%;
}

and so on...

[hbaileylxd]

The CSS route is probably not ideal. It involves a lot of hand-adding classes to the theme-extras.less and has to be done for every component. I think perhaps more flexibility with the buttons might be useful.

I am wondering if a new component might be a better idea - i'm trying to make one myself but not getting very far! - that offers a choice rather than a marked, feedbacked question.

[paulstevenuk]

Hi Helen

I used the following to hide the feedback button and make the other button 100%

Note I added this in the Style Editor in the Authoring Tool

.assessment .buttons button.buttons-feedback {
display:none;
}

.assessment .buttons .buttons-marking-icon {
position: absolute;
left: 96%;
}

.assessment .buttons button {
width: 100%;
float: left;
}

I also adjusted the position of the tick/cross

[chetan-hajare]

issue fixed. PR - adaptlearning/adapt-contrib-vanilla#193

[chetan-hajare]

Raised 2 PRs: adaptlearning/adapt-contrib-vanilla#194 and #1145