Hyperlinking to open a Interface by Button

Can you describe in more detail what you want to achieve?

I have these two button at my interface by which I want hyperlink to open another interface by clicking these button.

You can display interfaces on a conditional basis.

a!localVariables(
  local!selectedPage:3,
  {
    a!buttonArrayLayout(
      buttons: {
        a!buttonWidget(
          label: "Teachers",
          value: 1,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,1))
        ),
        a!buttonWidget(
          label: "Student form",
          value: 2,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,2))
        ),
        a!buttonWidget(
          label: "Back home",
          value: 3,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,3))
        )
      }
    ),
    choose(
      local!selectedPage,
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your first interface"
        )
      ),
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your Second interface"
        )
      ),
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your Third interface"
        )
      )
    )
  }
)

Re-adjust the code according to your requirement. I would ask what does the student for show?

You can display interfaces on a conditional basis.

a!localVariables(
  local!selectedPage:3,
  {
    a!buttonArrayLayout(
      buttons: {
        a!buttonWidget(
          label: "Teachers",
          value: 1,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,1))
        ),
        a!buttonWidget(
          label: "Student form",
          value: 2,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,2))
        ),
        a!buttonWidget(
          label: "Back home",
          value: 3,
          saveInto: local!selectedPage,
          showWhen: not(contains(local!selectedPage,3))
        )
      }
    ),
    choose(
      local!selectedPage,
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your first interface"
        )
      ),
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your Second interface"
        )
      ),
      a!sectionLayout(
        contents: a!richTextDisplayField(
          label: "Replace this component with your Third interface"
        )
      )
    )
  }
)

Re-adjust the code according to your requirement. I would ask what does the student for show?