starred/Electron.NET
1
0
Fork 0
mirror of https://github.com/ElectronNET/Electron.NET.git synced 2026-02-03 21:25:13 +00:00
Code Issues 668 Packages Projects Releases 20 Wiki Activity

User Interface issue when running the via Electron.NET. #215

New Issue
Closed
opened 2026-01-29 16:34:02 +00:00 by claunia · 9 comments
claunia commented 2026-01-29 16:34:02 +00:00
Owner
Copy Link

Originally created by @vbmanuel22 on GitHub (Oct 10, 2018).

Originally assigned to: @GregorBiswanger on GitHub.

Hi,

We are having some UI issues when running the electron.net app. When we run it via browser the UI is fine but when it's on the electron its messed up. Please see attached screenshots.
web view

electron view

webview 1
electron view1

Thank you.

Originally created by @vbmanuel22 on GitHub (Oct 10, 2018). Originally assigned to: @GregorBiswanger on GitHub. Hi, We are having some UI issues when running the electron.net app. When we run it via browser the UI is fine but when it's on the electron its messed up. Please see attached screenshots. ![web view](https://user-images.githubusercontent.com/38751593/46770950-07e89580-cd24-11e8-95c6-f23b57b9a6f4.PNG) ![electron view](https://user-images.githubusercontent.com/38751593/46759603-61d86380-cd02-11e8-8255-f8ef1e96c458.PNG) ![webview 1](https://user-images.githubusercontent.com/38751593/46759912-1a9ea280-cd03-11e8-88ee-336164942e52.PNG) ![electron view1](https://user-images.githubusercontent.com/38751593/46759916-1d00fc80-cd03-11e8-8d08-e550bcb06379.PNG) Thank you.
claunia added the question label 2026-01-29 16:34:02 +00:00
claunia commented 2026-01-29 16:34:04 +00:00
Author
Owner
Copy Link

@RogerDodger123 commented on GitHub (Oct 12, 2018):

Are you able post any code? It just looks like styling issues

@RogerDodger123 commented on GitHub (Oct 12, 2018): Are you able post any code? It just looks like styling issues
claunia commented 2026-01-29 16:34:04 +00:00
Author
Owner
Copy Link

@vbmanuel22 commented on GitHub (Oct 12, 2018):

Hi Roger,

Not sure if it is a styling issues as the ui is ok when run it via browser.

Please see attached files.
Login.zip

@vbmanuel22 commented on GitHub (Oct 12, 2018): Hi Roger, Not sure if it is a styling issues as the ui is ok when run it via browser. Please see attached files. [Login.zip](https://github.com/ElectronNET/Electron.NET/files/2474080/Login.zip)
claunia commented 2026-01-29 16:34:04 +00:00
Author
Owner
Copy Link

@MuhAssar commented on GitHub (Oct 14, 2018):

this might be caused by Node.js integration of Electron,
to overcome this issue try the following:

<!-- Insert this line above script imports  -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>

<!-- your normal script imports etc  -->
<script src="scripts/jquery.min.js"></script>    
<script src="scripts/vendor.js"></script>    

<!-- Insert this line after script imports -->
<script>if (window.module) module = window.module;</script>

more on this issue:
https://stackoverflow.com/questions/32621988/electron-jquery-is-not-defined

@MuhAssar commented on GitHub (Oct 14, 2018): this might be caused by Node.js integration of Electron, to overcome this issue try the following: <!-- Insert this line above script imports --> <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script> <!-- your normal script imports etc --> <script src="scripts/jquery.min.js"></script> <script src="scripts/vendor.js"></script> <!-- Insert this line after script imports --> <script>if (window.module) module = window.module;</script> more on this issue: https://stackoverflow.com/questions/32621988/electron-jquery-is-not-defined
claunia commented 2026-01-29 16:34:05 +00:00
Author
Owner
Copy Link

@vbmanuel22 commented on GitHub (Oct 15, 2018):

Hi Abuassar,

Thank you for sharing the link but the issue still persist after inserting the above code. One thing I noticed is that we do not have the vendor.js file. Do we really need that file?

Thank you.

@vbmanuel22 commented on GitHub (Oct 15, 2018): Hi Abuassar, Thank you for sharing the link but the issue still persist after inserting the above code. One thing I noticed is that we do not have the vendor.js file. Do we really need that file? Thank you.
claunia commented 2026-01-29 16:34:05 +00:00
Author
Owner
Copy Link

@vbmanuel22 commented on GitHub (Oct 15, 2018):

Btw, here's the error on the browser console, hope it will help.
console error

@vbmanuel22 commented on GitHub (Oct 15, 2018): Btw, here's the error on the browser console, hope it will help. ![console error](https://user-images.githubusercontent.com/38751593/46970409-93c73c80-d0eb-11e8-9243-6a0c139552c2.PNG)
claunia commented 2026-01-29 16:34:06 +00:00
Author
Owner
Copy Link

@MuhAssar commented on GitHub (Oct 16, 2018):

@vbmanuel22 it seams that you didn't interpret my reply well

this section in my reply is just an example, read the comment it says "your normal script imports etc" :

<!-- your normal script imports etc  -->
<script src="scripts/jquery.min.js"></script>    
<script src="scripts/vendor.js"></script>
@MuhAssar commented on GitHub (Oct 16, 2018): @vbmanuel22 it seams that you didn't interpret my reply well this section in my reply is just an example, read the comment it says "**your normal script imports etc**" : <!-- your normal script imports etc --> <script src="scripts/jquery.min.js"></script> <script src="scripts/vendor.js"></script>
claunia commented 2026-01-29 16:34:06 +00:00
Author
Owner
Copy Link

@vbmanuel22 commented on GitHub (Oct 16, 2018):

Hi @abuassar,

Thanks for the clarification, but sadly the issue still persist.

@vbmanuel22 commented on GitHub (Oct 16, 2018): Hi @abuassar, Thanks for the clarification, but sadly the issue still persist.
claunia commented 2026-01-29 16:34:07 +00:00
Author
Owner
Copy Link

@MuhAssar commented on GitHub (Oct 17, 2018):

@vbmanuel22 sorry it didn't work for you, I had the exact same error as yours (jquery is not defined), and I fixed it using the solution the I gave you, try reading the stackoverflow thread I posted above as it has more solutions.

@MuhAssar commented on GitHub (Oct 17, 2018): @vbmanuel22 sorry it didn't work for you, I had the exact same error as yours (jquery is not defined), and I fixed it using the solution the I gave you, try reading the stackoverflow thread I posted above as it has more solutions.
claunia commented 2026-01-29 16:34:07 +00:00
Author
Owner
Copy Link

@GregorBiswanger commented on GitHub (Jan 3, 2019):

@vbmanuel22 Is the lib directory in the wwwroot?

Compare your solution with the Electron.NET API Samples App please (wwwroot and home view file):
https://github.com/ElectronNET/electron.net-api-demos

@GregorBiswanger commented on GitHub (Jan 3, 2019): @vbmanuel22 Is the lib directory in the wwwroot? Compare your solution with the Electron.NET API Samples App please (wwwroot and home view file): https://github.com/ElectronNET/electron.net-api-demos
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
api
api
applications
bug
bug
dev-experience
discussion
documentation
duplicate
enhancement
examples
Feature
Feature
good first issue
help wanted
In progress
information
infrastructure
invalid
javascript
macos
more-information-needed
pull-request
Mirrored from GitHub Pull Request
 question
No Label question
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/Electron.NET#215
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?