Hi there,

I am creating a registration form and one element is a checkbox to agree on the general terms (and privacy policy). I want to have a required checkbox with the label: "I agree to the general terms" But in this label I want to add a button to show a Dialog with the general terms (or just redirect to a page that fetches the general terms from the back-office). 

I tried the following:

• Checkbox without label + Text: "I agree to the" + Button (styled as text): "general terms". Issue with this is that removing the label of the checkbox "Updating failed". Besides I am not able to get the alignment of these separate components right.
• Checkbox with partly the label "I agree to the" + Button (styled as text): "general terms". I am not able to get the alignment of these separate components right.

Now I will fall back on just a checkbox "I agree to the general terms" and place the link to the general terms elsewhere on the page, but this is a sub optimal solution.

How would you implement this?