Skip to content

Upgraded Editform as per Bootstrap4 #5800

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from

Conversation

digitaldina
Copy link
Collaborator

@digitaldina digitaldina commented May 28, 2019

Fixes #5741

  • PR is descriptively titled 📑 and links the original issue above 🔗
  • tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
  • code is in uniquely-named feature branch and has no merge conflicts 📁
  • screenshots/GIFs are attached 📎 in case of UI updation
  • ask @publiclab/reviewers for help, in a comment below

@Souravirus
Copy link
Member

Hi @dinaelhanan, can you send a screenshot of the changes you have done. That will be a lot helpful. Thank you!!

@CleverFool77
Copy link
Member

Hi @dinaelhanan Are you still working on this ?

@digitaldina
Copy link
Collaborator Author

digitaldina commented Jun 11, 2019

@CleverFool77 Hi, I'm having issues with my local dev environment - could you please try to run this branch on your end? I'd really appreciate it if you could try too @Souravirus , thank you!

@CleverFool77
Copy link
Member

Oh no problem. I'll check this.

Copy link
Member

@CleverFool77 CleverFool77 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @dinaelhanan
This is the screenshot of your PR.

Screenshot from 2019-06-13 10-14-00

Do you think it would be better if we can have fields taking column-6 and then spanning over column-12 in medium and greater screens as we were doing earlier in bootstrap 3 ? The screenshot that we are have right now would be good for smaller screen which will get stack with the help of col-md-6 .What do you say ?

@digitaldina
Copy link
Collaborator Author

hey @CleverFool77 , I'm not sure I get what you mean, can you point out the lines of code you're referring to? Thank you so much for your help :)

Copy link
Member

@CleverFool77 CleverFool77 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @dinaelhanan
Can you do something like this ? I wrote the abstract of what I wanted to say in #5741 (comment). Just follow it. And it would be done.

<div class="row">
    <div class="col-md-12"> // A statement 
        <div class="col-md-6"> // child class 1 of A //statement B
            <div class="col-md-12"> // child class 1 of B
                <!-- username -->
            </div>
            <div class="col-md-12"> // child class 2 of B
                <!-- email -->
            </div>
        </div>
        <div class"col-md-6">  //child class 2 of A  // sibling with B
            <!-- put image here -->
        </div>

    </div>

    <div class="col-md-12"> // statement C // sibling with A 
        <div class="col-md-6"> // child class 1 of C
                <!-- current password -->
        </div>
        <div class="col-md-6"> // child class 2 of C
                <!-- email again -->
        </div>
    </div>

    <div class="col-md-12">  // statement D // sibling with A  and C
        <div class="col-md-6"> // child class 1 of D
                <!-- new password -->
        </div>
        <div class="col-md-6"> // child class 2  of D
                <!-- confirm new password -->
        </div>
    </div>

    <div class="col-md-12"> // statement E // sibling with A , C and D
        <!-- bio -->

    </div>

    <!-- save button -->
</div>

Thanks !!

@CleverFool77
Copy link
Member

If this is not understandable then I guess @jywarren @gautamig54 might help you in understanding better.

@gautamig54
Copy link
Contributor

Hi @dinaelhanan. @CleverFool77 explained the solution pretty well. Reach out to us if you need more guidance. Great work!

@digitaldina
Copy link
Collaborator Author

@CleverFool77 Hi, I'm sorry I've left this unattended for some time, I started my internship and it was intense in the beginning, just starting to get back into the contributing habit! I've made the requested changes. Thank you for explaining this and let me know if there's any more issues.

Copy link
Member

@CleverFool77 CleverFool77 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

HI @dinaelhanan Can I have screenshot of the new change ? So I can see the margins of fields and other factors ?

@CleverFool77
Copy link
Member

@CleverFool77 Hi, I'm sorry I've left this unattended for some time, I started my internship and it was intense in the beginning, just starting to get back into the contributing habit! I've made the requested changes. Thank you for explaining this and let me know if there's any more issues.

No problem, Now having a ss would do.

@CleverFool77
Copy link
Member

@dinaelhanan Are you still working on this ? Just having an update with screenshot would do ?

@CleverFool77
Copy link
Member

@dinaelhanan Any updates ? OR I might close this issue ?

@SidharthBansal
Copy link
Member

As the person is inactive for more than a month, I am closing the PR. In case you want to push changes please feel free to open a new PR OR reopen this PR and add additional changes to it.
Thanks for contributing on Public Lab

@digitaldina digitaldina deleted the bootstrap4editform branch September 16, 2019 22:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Upgrade editform as per bootstrap4
5 participants