Museum
About This Attraction
The Rietveld Schröder House in Utrecht is a significant landmark in the world of architecture. Built in 1924, it was designed by Gerrit Rietveld for Truus Schröder-Schräder and is an excellent example of the De Stijl movement. This UNESCO World Heritage Site showcases the use of primary colors and innovative open-plan interiors, which set it apart from traditional architectural designs of its time.
For visitors seeking practical Rietveld Schröder House travel information, it is located on Prins Hendriklaan 50. The house is accessible by public transport and offers guided tours that provide insights into its unique design elements. It is advisable to book tickets in advance, as space within the house is limited to preserve its historical integrity.
Location Details
Address
Prins Hendriklaan 50, 3583 EP Utrecht, Netherlands
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
15
Child
7.5
Student
12.5
Senior
12.5
Opening Hours & Booking
Open
Days
Tuesday to Sunday
Hours
11:00 AM to 5:00 PM
Seasonality
Year-round, closed on Mondays and public holidays
Booking
Booking Required?
Yes
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
Utrecht University, located in the city of Utrecht in the Netherlands, is one of the…
Learn More
The Dom Tower in Utrecht is a prominent landmark and the tallest church tower in…
Learn More
Giethoorn, often referred to as the Dutch Venice, is a charming village in the Netherlands…
Learn More
Doolhof in Volendam is an intriguing area known for its narrow alleyways and charming old-style…
Learn More
The Clog Workshop in Zaanse Schans provides visitors with an engaging experience centered around the…
Learn More
The Maritime Museum in Rotterdam offers a fascinating look into the citys rich maritime history.…
Learn More
The Van Gogh Museum in Amsterdam houses the largest collection of Vincent van Goghs paintings…
Learn More
The Rijksmuseum in Amsterdam is a renowned Dutch national museum dedicated to arts and history.…
Learn More
Vondelpark is the largest city park in Amsterdam and a popular destination for both locals…
Learn More
The Anne Frank House in Amsterdam is a historical museum dedicated to the life and…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});