I am creating a survey portal. It has two kinds of users - Admin and User. The admin creates the questions. The questions are multiple choice questions, with
author of the question and a few other optional fields.
I need to provide the admin with the option of viewing all the questions created under a topic. How I visualise this is, to list down all the questions (only the description, so that the admin can identify each question uniquely) and on clicking a question description, a new page opens with the full question data.
So for listing the questions, I tried displaying the question descriptions in a table format. But the problem I see is, each description is of different length and the table rows end up being different height. Truncating the description to say 100 / 200 characters is an option, but I am not sure if that would be a good user experience.
I tried Bootstrap collapsible panels. It looks similar to table, each panel showing only a few characters, but upon clicking the panel it opens down and shows the entire description.
I also tried accordion effect, which is similar to collapsible panels.
So in order to have a good UX for the admin, what would be a better approach to display list of questions? And upon selecting a question, what would be a nice way to display the entire question - Opening it in a new page? Or showing it in a Bootstrap modal? So that the admin need not navigate back and forth to view the entire list of questions and a specific question.